:root{--background:#0a0a0a;--background-secondary:#121212;--foreground:#ffffff;--foreground-secondary:#e0e0e0;--foreground-muted:#a0a0a0;--gradient-primary:#00d4aa;--gradient-secondary:#00ffc6;--gradient-tertiary:#7c3aed;--gradient-accent:#ec4899;--card-bg:rgba(10,10,10,0.85);--card-bg-hover:rgba(10,10,10,0.92);--card-border:rgba(255,255,255,0.3);--card-border-hover:rgba(0,212,170,0.6);--shadow-glow:rgba(0,212,170,0.25);--shadow-glow-strong:rgba(0,212,170,0.4);--shadow-subtle:rgba(0,0,0,0.3);--transition-smooth:cubic-bezier(0.4,0,0.2,1);--transition-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden;color:var(--foreground);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Inter,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6}main{min-height:20vw;width:100%;display:flex;flex-direction:column;align-items:center;gap:120px;padding:0 20px;animation:fadeIn .8s var(--transition-smooth);position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-60px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(60px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}*{box-sizing:border-box;padding:0;margin:0}ol,ul{list-style:none}a{text-decoration:none;color:white;transition:all .3s var(--transition-smooth);position:relative}a:hover{transform:scale(1.05);color:var(--gradient-secondary)}a:focus-visible{outline:2px solid var(--gradient-primary);outline-offset:4px;border-radius:4px}a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;background:linear-gradient(90deg,var(--gradient-primary),var(--gradient-secondary),var(--gradient-tertiary));background-size:200% 100%;transition:all .4s var(--transition-smooth);transform:translateX(-50%);box-shadow:0 0 8px var(--shadow-glow)}a:hover:after{width:100%;animation:shimmer 2s linear infinite}button{text-decoration:none;border:none;background-color:inherit;font-size:min(3vw,1.5rem);cursor:pointer;transition:all .3s var(--transition-smooth);font-family:inherit}button:focus-visible{outline:2px solid var(--gradient-primary);outline-offset:4px;border-radius:4px}