*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #000000;--color-bg-light: #f8fafc;--color-text-dark: #ffffff;--color-text-light: #0f172a;--color-accent: #00bfff;--color-accent-glow: rgba(0, 191, 255, .5);--transition-speed: .3s}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color var(--transition-speed) ease;position:relative;overflow:hidden}.app.dark{background-color:var(--color-bg-dark);color:var(--color-text-dark)}.app.light{background-color:var(--color-bg-light);color:var(--color-text-light)}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;background:transparent;border:none;cursor:pointer;font-size:1.5rem;z-index:100;padding:.75rem;border-radius:50%;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center}.app.dark .theme-toggle{color:var(--color-text-dark)}.app.light .theme-toggle{color:var(--color-text-light)}.theme-toggle:hover{transform:scale(1.2) rotate(15deg);color:var(--color-accent);filter:drop-shadow(0 0 8px var(--color-accent-glow))}.theme-toggle:focus{outline:2px solid var(--color-accent);outline-offset:2px}.content{text-align:center;z-index:10;padding:2rem}.name{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;animation:fadeInUp .8s ease-out,glow 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#00bfff,#fff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text}.app.dark .name{color:transparent;animation:fadeInUp .8s ease-out,glow 3s ease-in-out infinite,gradientShift 5s ease infinite}.app.light .name{color:var(--color-text-light);background:none;-webkit-background-clip:unset;background-clip:unset}.title{font-size:clamp(1rem,4vw,1.5rem);font-weight:300;margin-bottom:2rem;animation:fadeInUp .8s ease-out .2s backwards;letter-spacing:.1em;text-transform:uppercase}.app.dark .title{color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-glow)}.app.light .title{color:#06c}.social-links{display:flex;gap:2rem;justify-content:center;animation:fadeInUp .8s ease-out .4s backwards}.social-links a{font-size:1.75rem;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:50%;position:relative}.app.dark .social-links a{color:var(--color-text-dark)}.app.light .social-links a{color:var(--color-text-light)}.social-links a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,#00bfff,#06f,#0ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-speed) ease}.social-links a:hover:before{opacity:1}.social-links a:hover{color:var(--color-accent);transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 0 15px var(--color-accent-glow))}.social-links a:focus{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:50%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px transparent)}50%{filter:drop-shadow(0 0 20px var(--color-accent-glow))}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:480px){.theme-toggle{top:1rem;right:1rem;font-size:1.25rem}.social-links{gap:1.25rem}.social-links a{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}