*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--cyan: #00c8ff;--cyan-bright: #40dfff;--cyan-dim: #0098cc;--cyan-glow: rgba(0,200,255,.2);--cyan-glow-soft: rgba(0,200,255,.06);--col-notes: #eab308;--col-calendar: #3b82f6;--col-mail: #22c55e;--col-contacts: #a855f7;--col-diary: #14b8a6;--col-tools: #f97316;--col-photos: #ec4899;--col-drive: #94a3b8;--col-office: #22c55e;--col-vpn: #a855f7;--bg-deep: #06060a;--surface: #0c0c12;--card-dark: #111118;--border-dark: #1a1a26;--text-light: #e0e0e8;--text-dim: #7a7a8a;--dark-glass: rgba(6,6,10,.55);--white: #ffffff;--gray-100: #eaeae8;--gray-200: #d4d4d0;--gray-400: #9c9c96;--gray-600: #5c5c58;--gray-800: #2a2a28;--gray-900: #141413;--font: "Exo 2", system-ui, -apple-system, sans-serif;--font-display: "Orbitron", "Exo 2", sans-serif;--mono: "JetBrains Mono", monospace;--max-w: 1200px;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px}html{scroll-behavior:smooth;scroll-padding-top:80px}[id]{scroll-margin-top:80px}body{font-family:var(--font);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:url(/images/bg-light.png) center top / cover no-repeat fixed;min-height:100vh}nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);background:#06060ab3;border-bottom:1px solid rgba(0,200,255,.08);transition:box-shadow .3s}nav.scrolled{box-shadow:0 1px 20px #0000004d}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.06em;color:var(--text-light);text-decoration:none;text-transform:uppercase;display:flex;align-items:center;gap:10px}.nav-brand img{width:40px;height:40px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13.5px;font-weight:500;color:#e0e0e8b3;text-decoration:none;transition:color .2s;letter-spacing:-.01em}.nav-links a:hover{color:var(--text-light)}.btn-cta{background:#00c8ff1f;color:var(--cyan);padding:9px 20px;border-radius:var(--radius-xs);border:1px solid rgba(0,200,255,.2);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-cta:hover{background:#00c8ff33;transform:translateY(-1px)}.btn-cta svg{width:14px;height:14px}footer{padding:32px;border-top:1px solid rgba(0,0,0,.06)}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-left{font-size:12.5px;color:var(--gray-400)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12.5px;color:var(--gray-400);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--gray-800)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #00c8ff59}70%{box-shadow:0 0 0 6px #00c8ff00}to{box-shadow:0 0 #00c8ff00}}@keyframes lbIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.glass-dark{background:var(--dark-glass);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);border-top:1px solid rgba(0,200,255,.06);border-bottom:1px solid rgba(0,200,255,.06);position:relative}.glass-dark:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.section-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-weight:500;margin-bottom:20px}.cyan-text{background:linear-gradient(135deg,var(--cyan-dim) 0%,var(--cyan) 40%,var(--cyan-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.nav-links a:not(.btn-cta){display:none}.footer-inner{flex-direction:column;gap:12px;text-align:center}}