:root{--bg: #0a0c12;--text: #eaf7ff;--sub: #8da3b0;--mint: #a6ffea;--accent: #ff2bd6;--panel: #151a22}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrap{overflow-x:hidden;min-height:100vh}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 10%,rgba(166,255,234,.05),transparent 70%)}.header{text-align:center;padding:80px 20px 40px}@media (max-width: 768px){.header{padding:60px 16px 30px}}.logo{width:120px;height:auto;margin-bottom:16px;max-width:100%}@media (max-width: 480px){.logo{width:100px}}.title{font-size:clamp(32px,8vw,70px);background:linear-gradient(90deg,var(--mint),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 6px rgba(166,255,234,.6),0 0 14px rgba(255,43,214,.5),0 0 28px rgba(255,43,214,.3);animation:neon-pulse 3.5s ease-in-out infinite;margin:0;line-height:1.1}@media (max-width: 480px){.title{font-size:clamp(28px,10vw,50px);line-height:1.2}}.subtitle{color:var(--sub);margin-top:12px;font-size:clamp(14px,4vw,16px);line-height:1.4;max-width:90%;margin-left:auto;margin-right:auto}.cta{margin-top:28px;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 480px){.cta{flex-direction:column;align-items:center;gap:.8rem}}.button{text-decoration:none;color:var(--bg);background:var(--mint);padding:.8rem 1.6rem;border-radius:999px;font-weight:600;transition:all .2s ease;display:inline-block;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 480px){.button{padding:.9rem 2rem;font-size:16px;min-width:140px}}.button:hover{transform:translateY(-2px);box-shadow:0 4px 14px #a6ffea4d}.button.secondary{background:transparent;border:1px solid var(--mint);color:var(--mint)}.button.highlight{background:var(--accent);color:#fff}.button.highlight:hover{box-shadow:0 0 10px #ff2bd6b3,0 0 24px #ff2bd680}@media (hover: none) and (pointer: coarse){.button:hover{transform:none;box-shadow:none}.button:active{transform:scale(.98)}}.aurora{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:60px 10vw}@media (max-width: 768px){.aurora{grid-template-columns:1fr;gap:30px;padding:40px 5vw;text-align:center}}@media (max-width: 480px){.aurora{padding:30px 4vw;gap:24px}}.aurora-img img{width:100%;border-radius:24px;box-shadow:0 0 30px #a6ffea40}@media (max-width: 480px){.aurora-img img{border-radius:16px}}.aurora-text h2{font-size:clamp(1.5rem,5vw,2rem);margin-top:0}.aurora-text p{color:var(--sub);line-height:1.6;font-size:clamp(14px,4vw,16px)}.projects{padding:60px 10vw;background:var(--panel);text-align:center}@media (max-width: 768px){.projects{padding:40px 5vw}}@media (max-width: 480px){.projects{padding:30px 4vw}}.projects h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:40px}@media (max-width: 480px){.projects h2{margin-bottom:24px}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}@media (max-width: 768px){.cards{grid-template-columns:1fr;gap:20px;max-width:400px;margin:0 auto}}@media (max-width: 480px){.cards{gap:16px;max-width:100%}}.card{background:#10141b;border:1px solid rgba(166,255,234,.15);border-radius:16px;padding:24px;transition:border-color .2s ease}@media (max-width: 480px){.card{padding:20px;border-radius:12px}}.card:hover{border-color:var(--mint);box-shadow:0 0 12px #a6ffea66,0 0 32px #ff2bd640}@media (hover: none) and (pointer: coarse){.card:hover{border-color:#a6ffea26;box-shadow:none}.card:active{border-color:var(--mint);transform:scale(.98)}}.card .emoji{font-size:32px;margin-bottom:8px}@media (max-width: 480px){.card .emoji{font-size:28px}}.card h3{margin:12px 0 8px;font-size:clamp(1.1rem,4vw,1.3rem)}.card p{color:var(--sub);line-height:1.4;font-size:clamp(13px,3.5vw,15px);margin-bottom:16px}.card-link{display:inline-block;margin-top:10px;color:var(--mint);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px;transition:background-color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: none) and (pointer: coarse){.card-link:active{background-color:#a6ffea1a}}.card-image img{border-radius:12px!important}@media (max-width: 480px){.card-image img{border-radius:8px!important;height:160px!important}}.support{padding:80px 10vw;text-align:center}@media (max-width: 768px){.support{padding:50px 5vw}}@media (max-width: 480px){.support{padding:40px 4vw}}.support h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:20px}.support p{max-width:700px;margin:0 auto 20px;color:var(--sub);line-height:1.5;font-size:clamp(14px,4vw,16px)}.footer{text-align:center;padding:40px 20px;color:var(--sub);border-top:1px solid rgba(166,255,234,.1)}@media (max-width: 480px){.footer{padding:30px 16px;font-size:14px}}.footer p{margin:8px 0;line-height:1.4}.footer small{display:block;margin-top:8px;font-size:12px}.footer a{color:var(--mint);text-decoration:none;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: none) and (pointer: coarse){.footer a:active{background-color:#a6ffea1a}}@keyframes neon-pulse{0%,to{text-shadow:0 0 6px rgba(166,255,234,.6),0 0 14px rgba(255,43,214,.5),0 0 28px rgba(255,43,214,.3)}50%{text-shadow:0 0 10px rgba(166,255,234,.9),0 0 22px rgba(255,43,214,.7),0 0 42px rgba(255,43,214,.45)}}@media (prefers-reduced-motion: reduce){.title{animation:none;text-shadow:0 0 6px rgba(166,255,234,.6),0 0 14px rgba(255,43,214,.5)}.button,.card,.card-link,.footer a{transition:none}}@media (prefers-contrast: high){:root{--bg: #000000;--text: #ffffff;--sub: #cccccc;--mint: #00ff88;--accent: #ff0088;--panel: #222222}}.button:focus,.card-link:focus,.footer a:focus{outline:2px solid var(--mint);outline-offset:2px}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
