:root{--black: #000000;--bg: #0a0a0a;--bg-elevated: #111111;--bg-card: #141414;--text: #ffffff;--text-secondary: #888888;--text-muted: #555555;--accent: #00d4ff;--accent-dim: rgba(0, 212, 255, .1);--accent-border: rgba(0, 212, 255, .3);--border: #222222;--border-subtle: #1a1a1a;--success: #00ff88;--warning: #ffaa00;--error: #ff4444}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 48px;background:#000c;backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.nav .logo{font-size:14px;font-weight:700;letter-spacing:4px;color:var(--text);text-decoration:none}.nav .logo span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:40px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--text)}.nav-cta{padding:16px 24px!important;min-height:44px;background:transparent;border:1px solid var(--accent);color:var(--accent)!important;display:inline-flex;align-items:center;justify-content:center}.nav-cta:hover{background:var(--accent-dim)}.page-header{padding:160px 48px 80px;text-align:center;position:relative}.page-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);pointer-events:none}.page-header .label{display:inline-flex;align-items:center;gap:16px;margin-bottom:24px}.page-header .label-line{width:40px;height:1px;background:var(--accent)}.page-header .label span:last-child{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.page-header h1{font-size:clamp(36px,6vw,56px);font-weight:600;letter-spacing:-1px;margin-bottom:24px;position:relative}.page-header .subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;position:relative}.section{padding:100px 48px;position:relative;border-top:1px solid var(--border-subtle)}.section-label{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-label .label-line{width:40px;height:1px;background:var(--accent)}.section-label span:last-child{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.section h2{font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-1px;margin-bottom:48px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;min-height:44px;background:var(--accent);color:var(--black);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#00e5ff;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;min-height:44px;background:transparent;border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-secondary:hover{border-color:var(--text-secondary)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:transparent;border:1px solid var(--accent);color:var(--accent);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-outline:hover{background:var(--accent-dim)}.card{padding:32px;background:var(--bg-card);border:1px solid var(--border-subtle);transition:border-color .3s}.card:hover{border-color:var(--border)}.card.featured{border-color:var(--accent)}.footer{padding:80px 48px 40px;background:var(--black);border-top:1px solid var(--border-subtle)}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:64px}.footer-brand p{margin-top:16px;font-size:14px;color:var(--text-muted)}.footer-links{display:flex;gap:40px}.footer-links a{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .3s;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px}.footer-links a:hover{color:var(--text)}.footer-brand .logo{min-height:44px;display:inline-flex;align-items:center;padding:12px 0}.footer-bottom{padding-top:40px;border-top:1px solid var(--border-subtle)}.footer-bottom p{font-size:13px;color:var(--text-muted)}input,textarea,select{width:100%;padding:16px 20px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font-size:15px;font-family:inherit;transition:border-color .3s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.nav{padding:16px 24px}.nav-links{display:none}.page-header{padding:120px 24px 60px}.section{padding:60px 24px}.footer{padding:60px 24px 30px}.footer-grid{flex-direction:column;gap:40px}.footer-links{flex-wrap:wrap;gap:24px}}
