:root{--primary:#3b82f6;--secondary:#60a5fa;--bg-dark:#0a192f;--text-light:#f0f9ff;}
*{box-sizing:border-box;}
html,body{height:100%;margin:0;font-family:Inter,"Noto Sans SC",sans-serif;background:var(--bg-dark);color:var(--text-light);overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#particle-canvas-wrap{position:fixed;inset:0;z-index:0;pointer-events:none;}
#particle-canvas{width:100%;height:100%;display:block;}
.content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;gap:1rem;animation:fadeIn 1.2s ease;}
@media(max-height:700px){.content{justify-content:flex-start;padding-top:2.5rem;padding-bottom:2rem;}}
h1{font-size:2.4rem;margin:0;animation:float 6s ease-in-out infinite;}
.subtitle{margin:0;font-size:1rem;opacity:0.85;font-weight:600;}
.slogan{margin:0;font-size:1.05rem;opacity:0.9;}
.illustration{width:420px;max-width:80%;height:auto;margin:0.5rem 0 1.25rem;animation:float 6s ease-in-out infinite;}
@media(max-height:700px){.illustration{width:300px;margin-bottom:0.75rem;}}
@media(max-width:520px){.illustration{width:260px;}}
.buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:0.5rem;}
.btn{border:0;border-radius:12px;padding:0.9rem 1.6rem;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 6px 18px rgba(0,0,0,0.15);}
.btn.primary{background:linear-gradient(180deg,var(--primary),var(--secondary));color:#fff;}
.btn.secondary{background:rgba(96,165,250,0.15);color:#fff;}
@media(hover:hover){.btn.primary:hover{box-shadow:0 10px 26px rgba(59,130,246,0.3);transform:translateY(-3px);} .btn.secondary:hover{background:rgba(96,165,250,0.3);transform:translateY(-2px);}}
footer{margin-top:1.5rem;opacity:0.65;font-size:0.9rem;}
.popup-announcement{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,25,47,0.85);display:none;align-items:center;justify-content:center;z-index:999;}
.popup-inner{background:rgba(59,130,246,0.95);padding:1.5rem 2rem;border-radius:16px;max-width:360px;text-align:center;position:relative;box-shadow:0 8px 24px rgba(0,0,0,0.3);animation:popupFade .5s ease;}
.popup-inner h3{margin:0 0 .5rem;}
.popup-inner p{margin:0;font-size:.95rem;}
#popup-close{position:absolute;top:.5rem;right:.8rem;font-size:1.3rem;cursor:pointer;color:#fff;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes popupFade{0%{transform:scale(.8);opacity:0;}100%{transform:scale(1);opacity:1;}}
@media(max-width:520px){h1{font-size:2rem;} .subtitle{font-size:.95rem;} .btn{min-width:140px;padding:.75rem 1rem;font-size:.95rem;}}