*{margin:0;padding:0;box-sizing:border-box}:root{--bg-base:#09090b;--bg-surface:#121214;--bg-surface-hover:#1c1c1f;--border-color:#27272a;--text-main:#f4f4f5;--text-muted:#a1a1aa;--accent:#dc2626;--accent-hover:#b91c1c;--font-sans:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-display:"Outfit",sans-serif}html{scroll-behavior:smooth;background:var(--bg-base)}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);min-height:100vh;line-height:1.6;background-image:linear-gradient(90deg,#1f1f22 1px,transparent 0),linear-gradient(180deg,#1f1f22 1px,transparent 0);background-size:40px 40px}.mono{font-family:var(--font-mono)}.text-accent{color:var(--accent)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 40px;height:70px;display:flex;align-items:center;justify-content:space-between;background:rgba(9,9,11,.9);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease}.navbar.scrolled{background:rgba(9,9,11,.98)}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:-.5px;text-transform:uppercase;color:var(--accent);text-decoration:none}.nav-logo span{color:var(--text-main)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:.2s}.nav-links a:hover{color:var(--text-main)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;font-family:var(--font-sans);font-weight:600;font-size:.9rem;border-radius:4px;cursor:pointer;text-decoration:none;transition:.2s}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-color)}.btn-outline:hover{background:var(--bg-surface-hover)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 40px 80px;max-width:1200px;margin:0 auto}.hero-label{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);margin-bottom:24px;display:flex;align-items:center;gap:12px}.hero-label:before{content:"";display:block;width:40px;height:1px;background:var(--accent)}.hero h1{font-family:var(--font-display);font-size:4.5rem;font-weight:900;line-height:1;letter-spacing:-1.5px;text-transform:uppercase;margin-bottom:24px;max-width:800px}.hero p{font-size:1.1rem;color:var(--text-muted);max-width:500px;margin-bottom:40px}.hero-actions{display:flex;gap:16px}section{padding:120px 40px;border-top:1px solid var(--border-color)}.container{max-width:1200px;margin:0 auto}.section-header{margin-bottom:64px}.section-num{font-family:var(--font-mono);font-size:1rem;color:var(--accent);margin-bottom:16px;display:block}.section-header h2{font-family:var(--font-display);font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:-.5px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1px;gap:1px;background:var(--border-color);border:1px solid var(--border-color)}.service-card{background:var(--bg-base);padding:40px;transition:.2s;position:relative}.service-card:hover{background:var(--bg-surface)}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.service-icon{width:40px;height:40px;color:var(--accent)}.service-price{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);background:var(--bg-surface);padding:4px 10px;border-radius:4px;border:1px solid var(--border-color)}.service-card h3{font-family:var(--font-display);font-size:1.4rem;font-weight:800;margin-bottom:12px}.service-card p{font-size:.95rem;color:var(--text-muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:32px;gap:32px}.portfolio-item{cursor:pointer}.portfolio-img-wrapper{aspect-ratio:16/9;background:var(--bg-surface);border:1px solid var(--border-color);margin-bottom:20px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.portfolio-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:.5s;opacity:.6;filter:grayscale(100%)}.portfolio-item:hover .portfolio-img-wrapper img{opacity:1;filter:grayscale(0);transform:scale(1.05)}.portfolio-meta{display:flex;justify-content:space-between;align-items:flex-start}.portfolio-title{font-family:var(--font-display);font-size:1.2rem;font-weight:800}.portfolio-desc{font-size:.9rem;color:var(--text-muted);margin-top:4px}.portfolio-tags{display:flex;gap:8px;margin-top:12px}.portfolio-tag{font-family:var(--font-mono);font-size:.75rem;padding:2px 8px;border:1px solid var(--border-color);color:var(--text-muted);border-radius:2px}.footer{padding:60px 40px;border-top:1px solid var(--border-color);background:var(--bg-surface);display:flex;justify-content:space-between;align-items:center}.footer-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--text-main)}.cta-box{background:var(--bg-surface);border:1px solid var(--border-color);padding:80px 40px;text-align:center}.cta-box h2{font-family:var(--font-display);font-size:3rem;font-weight:900;text-transform:uppercase;margin-bottom:16px}.cta-box p{color:var(--text-muted);margin-bottom:32px;font-size:1.1rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--border-color);cursor:pointer;padding:0;border-radius:4px}.hamburger span{display:block;width:20px;height:2px;background:var(--text-main);transition:.3s}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-actions{display:flex;align-items:center;gap:12px}.order-form{max-width:500px;margin:0 auto;text-align:left}.order-field{margin-bottom:16px}.order-field label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:6px}.order-field input,.order-field select,.order-field textarea{width:100%;padding:10px;background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-sans)}.order-field select{font-family:var(--font-mono)}.order-field textarea{resize:vertical}.order-msg{margin-bottom:16px;font-family:var(--font-mono);font-size:.8rem;padding:12px;border:1px solid;border-radius:4px}.order-msg.ok{color:#10b981;border-color:#10b981;background:rgba(16,185,129,.1)}.order-msg.err{color:#ef4444;border-color:#ef4444;background:rgba(239,68,68,.1)}@media (max-width:900px){.navbar{padding:0 20px}.nav-links{display:none;flex-direction:column;gap:0;position:absolute;top:70px;left:0;right:0;background:rgba(9,9,11,.98);border-bottom:1px solid var(--border-color);padding:16px 20px}.nav-links.open{display:flex}.nav-links li a{display:block;padding:12px 0;border-bottom:1px solid var(--border-color)}.hamburger{display:flex}.hero{padding:100px 20px 60px}.hero h1{font-size:3rem}section{padding:80px 20px}.cta-box{padding:60px 20px}.portfolio-grid,.services-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:24px;text-align:center;padding:40px 20px}}@media (max-width:480px){.hero h1{font-size:2.2rem}.hero-actions{flex-direction:column}.btn{width:100%;justify-content:center}.cta-box div{flex-direction:column!important}}