*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body,html{width:100vw;height:100vh;overflow:hidden;background-color:#1a0b2e;font-family:'Kanit',sans-serif;color:#fff;position:relative}.bg-mesh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(135deg,#3b0764 0,#1e1b4b 100%);overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:drift 20s infinite alternate linear}.a1{top:-20%;left:-10%;width:60vw;height:60vh;background:#eab308}.a2{bottom:-20%;right:-10%;width:70vw;height:70vh;background:#d946ef;animation-delay:-5s}@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(10vw,10vh) scale(1.2)}}.sys-status{position:absolute;top:clamp(10px,2vw,20px);right:clamp(10px,2vw,20px);background:rgba(0,0,0,.6);border:2px solid #000;padding:6px 12px;border-radius:20px;font-size:clamp(.7rem,1.5vw,.9rem);font-weight:700;display:flex;align-items:center;gap:8px;text-transform:uppercase;z-index:50;box-shadow:0 4px 0 #000}.dot{width:10px;height:10px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.vcard{position:absolute;width:clamp(60px,8vw,120px);height:clamp(80px,11vw,160px);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #000;border-radius:12px;box-shadow:inset 0 0 20px rgba(255,255,255,.5),6px 6px 0 #000;display:flex;justify-content:center;align-items:center;font-size:clamp(2rem,4vw,4rem);font-weight:700;color:#fff;text-shadow:2px 2px 0 #000;z-index:-1;animation:float 6s infinite alternate ease-in-out}.vcard::after{content:'V'}.vc1{top:15%;left:10%;--r:-20deg;animation-duration:5s}.vc2{top:60%;right:10%;--r:25deg;animation-duration:7s;width:clamp(80px,10vw,140px);height:clamp(110px,13vw,180px);font-size:clamp(3rem,5vw,5rem)}.vc3{bottom:20%;left:15%;--r:15deg;animation-duration:6s}@keyframes float{0%{transform:translateY(0) rotate(var(--r))}100%{transform:translateY(-30px) rotate(calc(var(--r)+15deg))}}main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:1rem clamp(1rem,4vw,4rem);text-align:center;z-index:10;position:relative;animation:chestOpen .8s cubic-bezier(.175,.885,.32,1.275) forwards;transform-origin:center bottom}@keyframes chestOpen{0%{opacity:0;transform:scale(.5) translateY(50px) rotate(5deg)}100%{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.logo{max-width:62px;max-height:62px;width:auto;height:auto;margin-bottom:clamp(.5rem,2vh,1.5rem);filter:drop-shadow(0 6px 0 #000)}.counter-box{background:#000;color:#facc15;border:3px solid #facc15;padding:6px 16px;border-radius:30px;font-weight:700;font-size:clamp(.8rem,2vw,1.2rem);margin-bottom:clamp(.5rem,2vh,1.5rem);box-shadow:0 6px 0 #000;display:inline-flex;align-items:center;gap:8px;transform:skewX(-5deg)}.counter-box span{color:#fff}h1{font-weight:700;font-style:italic;font-size:clamp(2rem,6vw,5rem);line-height:1;text-transform:uppercase;margin:0 0 clamp(10px,2vh,20px);transform:skewX(-8deg) rotate(-2deg);filter:drop-shadow(4px 4px 0 #000) drop-shadow(0 8px 0 #000) drop-shadow(0 15px 10px rgba(0,0,0,.6))}h1 span.top{color:#facc15;display:block;font-size:clamp(1.5rem,4vw,3rem);margin-bottom:5px}h1 span.main{background:linear-gradient(180deg,#fff 0,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;font-size:clamp(3rem,9vw,7rem)}.desc{font-size:clamp(.9rem,1.8vw,1.3rem);max-width:700px;margin:0 auto clamp(20px,4vh,40px);line-height:1.4;font-weight:400;text-shadow:2px 2px 0 #000;padding:0 1rem}.desc strong{color:#facc15}.cta{display:inline-block;background:linear-gradient(180deg,#fef08a 0,#eab308 50%,#ca8a04 100%);color:#fff;text-decoration:none;font-size:clamp(1.2rem,3vw,2.5rem);font-weight:700;font-style:italic;padding:clamp(12px,2vw,20px) clamp(24px,4vw,50px);border-radius:16px;border:4px solid #000;text-transform:uppercase;transform:skewX(-8deg);box-shadow:inset 0 4px 0 rgba(255,255,255,.4),0 10px 0 #000,0 20px 20px rgba(0,0,0,.5);transition:all .1s ease;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 4px 0 #000}.cta:hover{transform:skewX(-8deg) translateY(4px);box-shadow:inset 0 4px 0 rgba(255,255,255,.4),0 6px 0 #000,0 10px 10px rgba(0,0,0,.5);background:linear-gradient(180deg,#fff 0,#fef08a 50%,#eab308 100%);color:#fff}.cta:active{transform:skewX(-8deg) translateY(10px);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 0 0 #000}.cta:focus-visible{outline:4px dashed #facc15;outline-offset:8px}footer{position:absolute;bottom:0;width:100%;padding:clamp(6px,1.5vh,12px);font-size:clamp(8px,1vw,11px);background:rgba(0,0,0,.8);color:#94a3b8;line-height:1.3;text-align:center;z-index:50}.seo-text{max-width:900px;margin:0 auto;display:block}.seo-text span{color:#cbd5e1}