:root{--bg-dark: #070913;--bg-card: rgba(15, 23, 42, .7);--bg-card-hover: rgba(30, 41, 59, .85);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(0, 242, 254, .4);--primary: #00f2fe;--primary-glow: rgba(0, 242, 254, .35);--secondary: #4facfe;--accent-purple: #7f00ff;--accent-pink: #e100ff;--accent-emerald: #10b981;--accent-amber: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%;width:100%}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main)}body{background:radial-gradient(circle at 50% 0%,#0f172a,#070913 70%);min-height:100vh;position:relative;line-height:1.6;color:var(--text-main)}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track{background:#070913}::-webkit-scrollbar-thumb{background:#00f2fe40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f2fe99}.thumbnail-strip-green{scrollbar-width:thin;scrollbar-color:#10b981 rgba(255,255,255,.08)}.thumbnail-strip-green::-webkit-scrollbar{height:6px;display:block!important}.thumbnail-strip-green::-webkit-scrollbar-track{background:#ffffff14;border-radius:10px;margin:0 10px}.thumbnail-strip-green::-webkit-scrollbar-thumb{background:#10b981;border-radius:10px;box-shadow:0 0 10px #10b981cc}.thumbnail-strip-green::-webkit-scrollbar-thumb:hover{background:#34d399}.thumbnail-strip-cyan{scrollbar-width:thin;scrollbar-color:#00f2fe rgba(255,255,255,.08)}.thumbnail-strip-cyan::-webkit-scrollbar{height:6px;display:block!important}.thumbnail-strip-cyan::-webkit-scrollbar-track{background:#ffffff14;border-radius:10px;margin:0 10px}.thumbnail-strip-cyan::-webkit-scrollbar-thumb{background:#00f2fe;border-radius:10px;box-shadow:0 0 10px #00f2fecc}.thumbnail-strip-cyan::-webkit-scrollbar-thumb:hover{background:#38bdf8}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}.gradient-text{background:linear-gradient(135deg,#00f2fe,#4facfe,#00c6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-purple{background:linear-gradient(135deg,#00f2fe,#7f00ff,#e100ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-amber{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-emerald{background:linear-gradient(135deg,#10b981,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 50px #0006;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#00f2fe4d;box-shadow:0 25px 60px #00f2fe1a}.btn-neon-primary{background:linear-gradient(135deg,#00f2fe26,#4facfe40);border:1px solid rgba(0,242,254,.5);color:#00f2fe;font-family:var(--font-heading);font-weight:600;padding:12px 28px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;box-shadow:0 0 20px #00f2fe33}.btn-neon-primary:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);color:#070913;box-shadow:0 0 35px #00f2fe99;transform:translateY(-2px)}.btn-neon-secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#f8fafc;font-family:var(--font-heading);font-weight:500;padding:12px 24px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;text-decoration:none}.btn-neon-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.mode-switcher-container{background:#0f172acc;border:1px solid rgba(0,242,254,.3);border-radius:50px;padding:4px;display:inline-flex;gap:4px;box-shadow:0 0 25px #00f2fe26}.mode-btn{border:none;background:transparent;color:var(--text-muted);font-family:var(--font-heading);font-weight:600;font-size:.85rem;padding:8px 18px;border-radius:40px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.mode-btn.active{background:linear-gradient(135deg,#00f2fe,#7f00ff);color:#fff;box-shadow:0 4px 15px #00f2fe66}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse-glow{animation:pulseGlow 4s infinite ease-in-out}@keyframes statusPing{0%{transform:scale(.9);opacity:.85}70%,to{transform:scale(2.6);opacity:0}}@keyframes statusBlink{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 12px #10b981,0 0 4px #10b981}50%{opacity:.45;transform:scale(.92);box-shadow:0 0 4px #10b981}}.live-status-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0}.live-status-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#10b981;animation:statusPing 2s cubic-bezier(0,0,.2,1) infinite;pointer-events:none}.live-status-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#10b981;animation:statusBlink 2s ease-in-out infinite}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-anim{animation:floatAnim 6s infinite ease-in-out}.equalizer-bar{width:4px;background:#00f2fe;border-radius:4px;animation:eqHeight 1.2s infinite ease-in-out alternate}@keyframes eqHeight{0%{height:6px}to{height:28px}}.cyber-grid{background-image:linear-gradient(rgba(0,242,254,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.03) 1px,transparent 1px);background-size:40px 40px}.phone-mockup{width:320px;min-width:320px;height:620px;min-height:620px;flex-shrink:0;background:#0d1117;border:10px solid #1f293d;border-radius:44px;box-shadow:0 25px 60px #000c,0 0 30px #00f2fe33;position:relative;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.screenshot-skeleton-bg{background:linear-gradient(90deg,#0c101a,#00f2fe14,#0c101a);background-size:200% 100%;animation:skeletonShimmer 2s infinite ease-in-out}.phone-notch{width:120px;height:22px;background:#1f293d;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:50}.cyber-terminal{background:#090d16;border:1px solid rgba(0,242,254,.2);border-radius:14px;padding:16px;font-family:var(--font-mono);font-size:.85rem;color:#e2e8f0;max-width:100%;min-width:0;box-sizing:border-box}.workbench-tabs{display:flex;flex-wrap:wrap;gap:8px;background:#090d16;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.1);max-width:100%}.workbench-tab-btn{white-space:nowrap;padding:6px 14px;font-size:.78rem;transition:all .2s ease}.sound-wave-bar{display:inline-block;width:3px;margin:0 2px;background-color:#00f2fe;border-radius:2px}@keyframes spinOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hologramFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes handWave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(14deg)}40%,80%{transform:rotate(-10deg)}}.responsive-grid-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.responsive-grid-simulator{display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:center}.responsive-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.responsive-grid-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.responsive-grid-architecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;margin-bottom:36px}.nav-desktop-links{display:flex!important;align-items:center;gap:24px}.nav-mobile-toggle{display:none!important}.nav-role-dropdown{display:block!important}.arch-arrow{display:block}@media (max-width: 992px){.responsive-grid-hero{grid-template-columns:1fr;gap:36px}.responsive-grid-simulator{grid-template-columns:1fr;gap:28px;justify-items:center}.screenshot-showcase-column{width:100%!important;max-width:360px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}.responsive-grid-two-col,.responsive-grid-contact{grid-template-columns:1fr;gap:28px}}@media (max-width: 900px){.nav-desktop-links{display:none!important}.nav-mobile-toggle{display:block!important}}@media (max-width: 768px){.responsive-grid-architecture{grid-template-columns:1fr;gap:16px}.arch-arrow{display:none!important}.simulator-glass-panel{padding:24px 16px!important;border-radius:20px!important}.phone-mockup{width:300px!important;min-width:300px!important;max-width:100%!important;height:580px!important;min-height:580px!important;flex-shrink:0!important;margin:0 auto!important}.browser-mockup-frame{width:300px!important;min-width:300px!important;max-width:100%!important;flex-shrink:0!important;margin:0 auto!important}.workbench-header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.workbench-tabs{width:100%!important;max-width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}.workbench-tab-btn{flex:1 1 auto;text-align:center}}@media (max-width: 640px){.navbar-header{padding:12px 16px!important}.nav-role-dropdown,.brand-subtitle{display:none!important}.simulator-glass-panel{padding:18px 12px!important;border-radius:16px!important}.phone-mockup{border-width:6px;border-radius:36px;width:280px!important;min-width:280px!important;max-width:100%!important;height:540px!important;min-height:540px!important;flex-shrink:0!important;margin:0 auto!important}.browser-mockup-frame{width:280px!important;min-width:280px!important;max-width:100%!important;flex-shrink:0!important;margin:0 auto!important}.finncub-sandbox-header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.finncub-filter-controls{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.finncub-pill-group{width:100%!important;display:flex!important;justify-content:space-between!important}.finncub-pill-group button{flex:1!important;text-align:center!important;padding:6px 8px!important}.resume-modal-dialog{padding:24px 16px!important;border-radius:18px!important}.workbench-glass-panel{padding:18px 14px!important;border-radius:16px!important}.workbench-tab-btn{padding:6px 10px!important;font-size:.72rem!important;flex:1 1 auto;text-align:center}}@media (max-width: 380px){.phone-mockup{width:255px!important;min-width:255px!important;max-width:100%!important;height:500px!important;min-height:500px!important}.browser-mockup-frame{width:255px!important;min-width:255px!important;max-width:100%!important}}