:root{--primary-color: #00bcd4;--primary-dark: #00838f;--primary-light: #e0f7fa;--secondary-gold: #ffb300;--secondary-amber: #ff6f00;--stone-grey: #37474f;--stone-light: #546e7a;--discord-color: #5865F2;--text-main: #ffffff;--text-muted: #b0bec5;--bg-deep: #0a192f;--bg-overlay: rgba(10, 25, 47, .85);--glass-bg: rgba(20, 40, 60, .65);--glass-border: rgba(100, 255, 255, .15);--glass-highlight: rgba(224, 247, 250, .1);--glass-shadow: rgba(0, 188, 212, .1);--font-heading: "Cinzel", serif;--font-body: "Montserrat", sans-serif;--ease-elastic: cubic-bezier(.175, .885, .32, 1.275)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden;overflow-y:auto;display:flex;justify-content:center;align-items:center;font-family:var(--font-body);color:var(--text-main);background:var(--bg-deep);background-image:url(/assets/2.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.background-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#0a192f66,#050a14f2);z-index:0;pointer-events:none}.portal-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10;width:100%;max-width:550px;padding:clamp(1.5rem,5vh,3rem) 2rem;background:var(--glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #0009,0 0 30px -5px var(--glass-shadow),inset 0 0 0 1px var(--glass-highlight);border-radius:24px;text-align:center;animation:slideUpFade .8s var(--ease-elastic) forwards}.hero{margin-bottom:clamp(1rem,4vh,2rem);position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,188,212,.4) 0%,transparent 70%);filter:blur(40px);z-index:-1;pointer-events:none}.logo-img{width:100%;max-width:380px;height:auto;max-height:35vh;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.4));animation:float 6s ease-in-out infinite;margin-bottom:.5rem}.subtitle{font-family:var(--font-heading);color:var(--primary-light);font-size:clamp(.9rem,1.1rem,1.25rem);letter-spacing:3px;text-transform:uppercase;margin-top:1rem;text-shadow:0 0 10px rgba(0,188,212,.5);opacity:.9;font-weight:700}.portal-nav{display:flex;flex-direction:column;gap:1rem;width:100%}.portal-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.1rem 2rem;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text-main);text-decoration:none;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:1px;border-radius:12px;background:#00000080;transition:all .3s var(--ease-elastic);overflow:hidden;cursor:pointer;border:1px solid transparent}.portal-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:.5s}.portal-btn:hover:after{left:150%;transition:.7s}.portal-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 25px -5px #00000080}.portal-btn i{font-size:1.4rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.store-btn{background:linear-gradient(135deg,#ff6f0040,#ffb30026);border:1px solid rgba(255,193,7,.4)}.store-btn:hover{background:linear-gradient(135deg,var(--secondary-amber) 0%,var(--secondary-gold) 100%);border-color:#ffe082;box-shadow:0 0 25px #ffb30080}.discord-btn{background:linear-gradient(135deg,#5865f240,#7289da26);border:1px solid rgba(88,101,242,.4)}.discord-btn:hover{background:linear-gradient(135deg,var(--discord-color) 0%,#7289da 100%);border-color:#aeb4f7;box-shadow:0 0 25px #5865f280}.ip-btn{background:linear-gradient(135deg,#00838f40,#00bcd426);border:1px solid rgba(0,188,212,.4)}.ip-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);border-color:#80deea;box-shadow:0 0 25px #00bcd499;color:#fff}.tooltip{position:absolute;top:-50px;left:50%;transform:translate(-50%) translateY(10px);background:var(--bg-deep);color:var(--primary-color);border:1px solid var(--primary-dark);padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:600;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;box-shadow:0 4px 15px #00bcd426;white-space:nowrap}.tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-deep);border-right:1px solid var(--primary-dark);border-bottom:1px solid var(--primary-dark)}.ip-btn:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.footer{margin-top:2rem;font-size:.75rem;color:var(--text-muted);opacity:.6;text-transform:uppercase;letter-spacing:1px}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--primary-dark),var(--primary-color));color:#fff;padding:.8rem 2rem;border-radius:50px;font-weight:700;box-shadow:0 10px 20px #00bcd44d;z-index:100;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);animation:toastPop .4s var(--ease-elastic)}.toast.hidden{display:none}@keyframes slideUpFade{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes toastPop{0%{opacity:0;transform:translate(-50%) translateY(30px) scale(.5)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(max-width:640px){.portal-container{width:100%;padding:1.5rem;max-height:90vh;overflow-y:auto}.logo-img{max-width:200px;max-height:25vh}.subtitle{font-size:.85rem;letter-spacing:2px;margin-top:.5rem}.portal-nav{gap:.8rem}.portal-btn{padding:.9rem;font-size:1rem;min-height:50px}.footer{font-size:.65rem;margin-top:1.5rem}}@media(max-height:600px)and (orientation:landscape){body{align-items:center}.portal-container{flex-direction:row;max-width:800px;padding:1rem 2rem;gap:2rem;margin-top:0;justify-content:space-between;height:auto;max-height:95dvh}.hero{margin-bottom:0;align-items:center;flex:1}.logo-img{max-width:160px;max-height:60vh;margin-bottom:.2rem}.subtitle{font-size:.75rem;margin-top:.2rem;text-align:center;display:block}.portal-nav{flex:1.2;gap:.6rem}.portal-btn{padding:.6rem 1rem;font-size:.85rem;min-height:40px}.footer{display:none}}.social-links{display:flex;justify-content:center;gap:1.5rem;width:100%;margin-top:.5rem}.social-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;text-decoration:none;color:var(--text-main);background:#0006;background:var(--glass-bg);border:1px solid var(--glass-border);font-size:1.4rem;transition:all .3s var(--ease-elastic);position:relative;overflow:hidden}.social-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 5px 15px #00bcd44d;border-color:#ffffff80}.social-btn.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);box-shadow:0 5px 15px #d6249f66}.social-btn.tiktok:hover{background:linear-gradient(45deg,#000,#25f4ee,#fe2c55);background-size:200% 200%;animation:gradient 1s ease infinite;box-shadow:0 5px 15px #fe2c5566}.social-btn.youtube:hover{background:linear-gradient(135deg,red,#c40202);box-shadow:0 5px 15px #f006}@media(max-width:640px){.social-links{gap:1rem}.social-btn{width:45px;height:45px;font-size:1.2rem}}@media(max-height:600px)and (orientation:landscape){.social-links{margin-top:.2rem;gap:1rem}.social-btn{width:40px;height:40px;font-size:1.1rem}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}