body { font-family: 'Montserrat', sans-serif; color: #fff; line-height: 1.6; padding: 40px 20px; max-width: 600px; margin: 0 auto; background-color: #000; font-weight: 400; }
h1 { font-weight: 300; letter-spacing: 0.3em; margin-bottom: 10px; text-transform: uppercase; text-align: center; font-size: 1.5rem; margin-top: 30px; }
h2 { font-weight: 400; font-size: 0.9rem; margin-top: 40px; border-bottom: 1px solid #333; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 0.2em; color: #999; }
.subtitle { color: #666; font-size: 0.9rem; margin-bottom: 50px; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; }
.step { margin-bottom: 30px; }
.step strong { display: block; font-size: 0.9rem; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 500; color: #fff; }
.btn { display: block; width: 100%; text-align: center; background: #000; color: #fff; padding: 15px 0; text-decoration: none; border: 1px solid #444; border-radius: 0; font-weight: 500; margin-top: 30px; letter-spacing: 0.1em; text-transform: uppercase; transition: all 0.3s ease; }
.btn:hover { background: #fff; color: #000; }
.footer { margin-top: 80px; font-size: 0.7rem; color: #444; text-align: center; border-top: 1px solid #222; padding-top: 30px; letter-spacing: 0.15em; }
.logo { width: 100%; margin-bottom: 20px; display: block; }
.content-block { margin-bottom: 20px; }
code, a { color: #929292; }
code { font-size: 1.2em; }
p.main-text { margin-bottom: 20px; }
.product-link { margin-top: 50px; text-align: center; }
.product-link a { text-decoration: none; color: #fff; display: block; }
.product-link img { width: 100%; display: block; margin-bottom: 15px; }
.product-link span { text-transform: uppercase; letter-spacing: 0.2em; font-size: 1rem; border-bottom: 1px solid transparent; transition: border-color 0.3s; }
.product-link a:hover span { border-bottom-color: #fff; }
.gallery { margin-top: 40px; }
.gallery img { width: 100%; margin-bottom: 20px; display: block; }
.footer-link { text-decoration: none; color: #999; text-transform: uppercase; letter-spacing: 0.1em; display: inline-block; margin-bottom: 20px; transition: color 0.3s ease; }
.footer-link:hover { color: #fff; }
.footer-copy { text-transform: uppercase; }
.footer-email { color: #999; transition: color 0.3s ease; }
.footer-email:hover { color: #fff; }
.hero-image { width: 100%; display: block; margin-bottom: 30px; }
.mb-30 { margin-bottom: 30px !important; }