:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{background-color:#000;min-height:100vh;padding:2rem;display:flex;flex-direction:column;gap:3rem}.logo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;width:100%;gap:1.5rem}.site-title{color:#0ff;font-size:2.5rem;font-weight:300;text-shadow:0 0 20px rgba(0,255,255,1),0 0 40px rgba(0,255,255,.5);letter-spacing:.2em;margin:0;animation:fadeIn 1s ease-out}.logo{width:80px;height:80px;animation:logoEntry 1.5s ease-out forwards,glowPulse 2s ease-in-out 1.5s infinite}@keyframes logoEntry{0%{transform:scale(.1);opacity:0;filter:drop-shadow(0 0 5px rgba(0,255,255,.5))}50%{transform:scale(1.3);opacity:1;filter:drop-shadow(0 0 20px rgba(0,255,255,1))}to{transform:scale(1);opacity:1;filter:drop-shadow(0 0 10px rgba(0,255,255,.8))}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,255,.8))}50%{filter:drop-shadow(0 0 15px rgba(0,255,255,1))}}.section-link{text-decoration:none;display:block;cursor:pointer;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.section-link.fade-in-visible{opacity:1;transform:translateY(0)}.section{border:2px solid rgba(0,255,255,.5);border-radius:16px;padding:2rem;background:#00ffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #00ffff4d,0 0 20px #0ff3,inset 0 0 30px #00ffff0d;transition:box-shadow .3s ease,border-color .3s ease}.section-link:hover .section{border-color:#0ffc;box-shadow:0 12px 40px #00ffff80,0 0 30px #0ff6,inset 0 0 40px #00ffff1a}.section.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out,box-shadow .3s ease,border-color .3s ease}.section.fade-in.fade-in-visible{opacity:1;transform:translateY(0)}.section-title{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);margin:0 0 1rem;font-size:2rem}.about-content{color:#0ff;display:flex;flex-direction:column;gap:1rem;font-size:1.2rem}.about-content p{margin:0;text-shadow:0 0 5px rgba(0,255,255,.6)}.email-button{display:inline-block;margin-top:1rem;padding:1rem 2rem;background:#00ffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #00FFFF;border-radius:8px;color:#0ff;text-decoration:none;font-size:1.1rem;font-weight:700;text-align:center;cursor:pointer;box-shadow:0 0 15px #0ff9;text-shadow:0 0 10px rgba(0,255,255,.8);transition:all .2s ease;align-self:flex-start;transform:scale(1)}.email-button:hover{box-shadow:0 0 25px #0ff;background-color:#00ffff26;transform:scale(1.05)}.email-button:active{transform:scale(.92);box-shadow:0 0 10px #0ffc}.section-title{display:flex;align-items:center;gap:.75rem}.section-icon{width:24px;height:24px;flex-shrink:0;filter:drop-shadow(0 0 5px rgba(0,255,255,.8))}.page-container{background-color:#000;min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center}.back-button-container{width:100%;max-width:1200px;margin-bottom:2rem;display:flex;justify-content:flex-start}.back-button{display:inline-block;padding:.75rem 1.5rem;background:#00ffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #00FFFF;border-radius:8px;color:#0ff;text-decoration:none;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 0 15px #0ff9;text-shadow:0 0 10px rgba(0,255,255,.8);transition:all .2s ease;transform:scale(1)}.back-button:hover{box-shadow:0 0 25px #0ff;background-color:#00ffff26;transform:scale(1.05)}.back-button:active{transform:scale(.92);box-shadow:0 0 10px #0ffc}.page-header{color:#0ff;text-shadow:0 0 20px rgba(0,255,255,1);font-size:3.5rem;margin:2rem 0 3rem;text-align:center;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.grid-container{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1rem 0}.grid-button{padding:1.5rem;background:#00ffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(0,255,255,.5);border-radius:12px;color:#0ff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #0ff3,0 0 15px #00ffff1a,inset 0 0 20px #00ffff0d;text-shadow:0 0 8px rgba(0,255,255,.6);transition:all .3s ease;transform:scale(1)}.grid-button:hover{border-color:#0ffc;box-shadow:0 6px 30px #0ff6,0 0 25px #00ffff4d,inset 0 0 30px #00ffff1a;transform:translateY(-2px) scale(1.02)}.grid-button:active{transform:scale(.95);box-shadow:0 2px 15px #00ffff4d,0 0 10px #0ff3}