html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{width:100vw;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at center,#0a0e24,#000)}#cosmic-cursor{position:absolute;width:30px;height:30px;pointer-events:none;transform:translate(-50%,-50%);z-index:1000;mix-blend-mode:screen}.cursor-core{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#00f7ff,#00f7ff00 70%);filter:blur(5px);animation:pulse 2s infinite alternate}.cursor-ring{position:absolute;width:100%;height:100%;border:2px solid #00f7ff;border-radius:50%;filter:blur(1px) drop-shadow(0 0 5px #00f7ff);animation:rotate 8s linear infinite}.trail{background:radial-gradient(circle,#00f7ff33,#00f7ff00 70%)}body.homeNav #cosmic-cursor .cursor-core{background:radial-gradient(circle,#0f0,#0f03 70%);filter:blur(6px) brightness(1.2);box-shadow:0 0 24px #0f0,0 0 32px #f0c;animation:cyberpunk-pulse 1.2s infinite alternate}body.homeNav #cosmic-cursor .cursor-ring{border-color:#0f0;filter:blur(1.5px) drop-shadow(0 0 12px #00ff00) drop-shadow(0 0 8px #ff00cc);animation:cyberpunk-rotate 4s linear infinite}body.homeNav #cosmic-cursor .trail{background:radial-gradient(circle,#00ff0059,#0f00 70%)!important;filter:blur(12px)!important;opacity:.85!important}@keyframes cyberpunk-pulse{0%{filter:blur(5px) brightness(1.1)}to{filter:blur(8px) brightness(1.4)}}@keyframes cyberpunk-rotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.08)}}body.aboutNav #cosmic-cursor .cursor-core{background:radial-gradient(circle,#19bfa7,#19bfa726 70%);filter:blur(4px) brightness(1.1);box-shadow:0 0 12px #19bfa7,0 0 24px #fff2;animation:about-pulse 2.2s infinite alternate}body.aboutNav #cosmic-cursor .cursor-ring{border-color:#19bfa7;filter:blur(1px) drop-shadow(0 0 8px #19bfa7);animation:about-rotate 8s linear infinite}body.aboutNav #cosmic-cursor .trail{background:radial-gradient(circle,#19bfa752,#19bfa700 70%)!important;filter:blur(12px)!important;opacity:.85!important}@keyframes about-pulse{0%{filter:blur(3px) brightness(1)}to{filter:blur(6px) brightness(1.2)}}@keyframes about-rotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.03)}}body.projectsNav #cosmic-cursor .cursor-core{background:radial-gradient(circle,#e50914,#e509142e 70%);filter:blur(7px) brightness(1.2);box-shadow:0 0 24px #e50914,0 0 32px #fff2;animation:smith-pulse 1.5s infinite alternate}body.projectsNav #cosmic-cursor .cursor-ring{border-color:#e50914;filter:blur(1.5px) drop-shadow(0 0 12px #e50914);animation:smith-rotate 6s linear infinite}body.projectsNav #cosmic-cursor .trail{background:radial-gradient(circle,#e5091452,#e5091400 70%)!important;filter:blur(12px)!important;opacity:.85!important}@keyframes smith-pulse{0%{filter:blur(5px) brightness(1.1)}to{filter:blur(9px) brightness(1.4)}}@keyframes smith-rotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.1)}}.particle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;will-change:transform,opacity}.trail{position:absolute;width:70px;height:70px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);filter:blur(12px);opacity:.85;will-change:transform,opacity;background:radial-gradient(circle,#00f7ff59,#00f7ff00 70%)}@keyframes pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1}}@keyframes rotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}.navbar{padding:0 40px}@media (max-width: 900px){.navbar{padding:0 16px}.navLinks{gap:18px;padding:8px 10px}.logo a{font-size:1.3rem}}@media (max-width: 600px){.navbarWrapper{height:56px}.navbar{flex-direction:column;align-items:flex-start;padding:0 8px}.navLinks{flex-direction:column;gap:8px;padding:6px 0;position:static;transform:none}.socialLinks{gap:8px}.logo a{font-size:1.1rem}}.App{padding-top:60px;width:100vw;min-height:100vh;box-sizing:border-box}@media (max-width: 600px){.App{padding-top:56px;font-size:1em;min-width:0;width:100vw}}.instructions{font-size:16px;max-width:95vw;bottom:6%}@media (max-width: 400px){.instructions{font-size:13px;bottom:2%}}.instructions{position:absolute;bottom:10%;left:50%;transform:translate(-50%,50%);color:#00f7ff;font-family:Arial,sans-serif;text-align:center;pointer-events:none;text-shadow:0 0 10px #00f7ff;opacity:.8;transition:opacity 1s;max-width:80%;font-size:20px}body.homeNav .trail{background:radial-gradient(circle,#00ff0059,#0f00 70%)!important;filter:blur(12px)!important;opacity:.85!important}body.aboutNav .trail{background:radial-gradient(circle,#19bfa752,#19bfa700 70%)!important;filter:blur(12px)!important;opacity:.85!important}body.projectsNav .trail{background:radial-gradient(circle,#e5091452,#e5091400 70%)!important;filter:blur(12px)!important;opacity:.85!important}.container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;gap:24px;padding:24px}@media (max-width: 900px){.container{flex-direction:column;gap:16px;padding:16px}.some-element{font-size:1rem}}@media (max-width: 600px){html{font-size:15px}.container{flex-direction:column;gap:10px;padding:8px;width:100vw;min-width:0}.some-element{font-size:.95rem;word-break:break-word}.App{padding-top:56px;font-size:1em;min-width:0;width:100vw}.navbar{flex-direction:column;align-items:flex-start;padding:0 4px;width:100vw;min-width:0}.navLinks{flex-direction:column;gap:8px;padding:6px 0;width:100%}.logo a{font-size:1rem;padding:4px 0}.socialLinks{gap:6px}.instructions{font-size:13px;bottom:2%;max-width:98vw;padding:0 4px}}@media (max-width: 400px){html{font-size:14px}.instructions{font-size:12px;padding:0 2px}}img,video{max-width:100%;height:auto;display:block}button,.btn,a.button{font-size:1em;padding:.6em 1.2em;border-radius:6px;min-width:44px;min-height:44px;touch-action:manipulation}@media (max-width: 600px){#cosmic-cursor{display:none!important}}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%;box-sizing:border-box;background:radial-gradient(ellipse at center,#0a0e24,#000);color:#fff;font-family:Arial,sans-serif}html{scroll-behavior:smooth}.App{min-height:100vh;display:flex;flex-direction:column;position:relative;width:100vw;background:radial-gradient(ellipse at center,#0a0e24,#000);justify-content:flex-start;align-items:center;padding-top:70px}#root{margin:0;padding:0;max-width:100%;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.glitch{color:#fff;font-size:clamp(1.1rem,3vw,2rem);white-space:nowrap;font-weight:900;position:relative;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:#fff;background-color:#060606;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{left:10px;text-shadow:var(--after-shadow, -10px 0 red);animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:-10px;text-shadow:var(--before-shadow, 10px 0 cyan);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;left:10px;text-shadow:var(--after-shadow, -10px 0 red);animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;left:-10px;text-shadow:var(--before-shadow, 10px 0 cyan);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}.text-rotate{display:flex;flex-wrap:wrap;white-space:pre-wrap;position:relative}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-word{display:inline-flex}.text-rotate-lines{display:flex;flex-direction:column;width:100%}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}.certificate-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:32px;justify-items:center}.certificate-card{background:#181c24;border-radius:12px;box-shadow:0 2px 12px #00000026;overflow:hidden;transition:transform .2s;text-align:center;width:220px}.certificate-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 6px 24px #00000040}.certificate-image{width:100%;height:300px;object-fit:cover;background:#222}.certificate-name{padding:12px 0;color:#00ffe7;font-weight:700;font-size:1.1rem;background:#23272f}