:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-card: rgba(255, 255, 255, .8);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-primary: #2563eb;--color-secondary: #06b6d4;--color-accent-glow: rgba(37, 99, 235, .15);--gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-text: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--border-glass: 1px solid rgba(0, 0, 0, .08);--border-glow: 1px solid rgba(37, 99, 235, .3);--shadow-glass: 0 4px 30px rgba(0, 0, 0, .05);--shadow-glow: 0 8px 30px rgba(37, 99, 235, .15);--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}html,body{height:100%;background-color:var(--color-bg-secondary);color:var(--color-text-primary);scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--color-bg-primary);background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.header{position:fixed;top:0;left:0;right:0;height:80px;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:var(--border-glass);padding:0 2rem;color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center;z-index:1000}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.menu{display:flex;gap:1.5rem;align-items:center;list-style:none}.menu a{color:var(--color-text-secondary);text-transform:capitalize;font-size:.95rem;font-weight:500;text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:var(--transition-smooth);position:relative}.menu a:hover{color:var(--color-text-primary);background:#00000008}.menu a.active{color:var(--color-primary);text-shadow:0 0 10px rgba(37,99,235,.2)}.menu a.active:after{content:"";position:absolute;bottom:0;left:.75rem;right:.75rem;height:2px;background:var(--color-primary);box-shadow:0 0 8px #2563eb66;border-radius:2px}.show-menu-btn,.hide-menu-btn{font-size:24px;cursor:pointer;display:none;color:var(--color-text-primary);transition:var(--transition-smooth)}.show-menu-btn:hover,.hide-menu-btn:hover{color:var(--color-secondary)}#chk{position:absolute;visibility:hidden;z-index:-1111}.container{margin-top:80px;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.text-secondary{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}@media screen and (max-width: 768px){.show-menu-btn{display:block}.menu{position:fixed;flex-direction:column;justify-content:center;width:100%;height:100vh;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);right:-100%;top:0;text-align:center;padding:80px 0;transition:.5s cubic-bezier(.77,.2,.05,1);border-left:var(--border-glass);box-shadow:var(--shadow-glass)}.menu a{display:block;font-size:1.25rem;padding:1rem;width:200px;margin:.5rem auto}.menu a.active:after{bottom:8px;left:2rem;right:2rem}.hide-menu-btn{display:block;position:absolute;top:25px;right:2rem}#chk:checked~.menu{right:0}}