:root{--bg:#FFFC00;--txt:#000;--card:#FFF;--aq:#00E5FF;--bl:#00A8FF}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--txt);font-family:'Quicksand',sans-serif;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;position:relative}h1,.btn,.ribbon{font-family:'Baloo 2',sans-serif;font-weight:700}.bg-scene{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ghost{position:absolute;opacity:.1;stroke:var(--txt);stroke-width:2;fill:none}.g1{top:10%;left:5%;width:60px;animation:drift 15s linear infinite}.g2{top:70%;right:10%;width:80px;animation:drift 20s linear infinite reverse}.g3{top:40%;left:80%;width:50px;animation:drift 12s linear infinite}.g4{top:80%;left:15%;width:70px;animation:drift 18s linear infinite reverse}@keyframes drift{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(10deg)}100%{transform:translateY(0) rotate(0deg)}}.particles{position:absolute;inset:0}.particle{position:absolute;width:12px;height:12px;background:var(--card);border:2px solid var(--txt);border-radius:50%;opacity:0;animation:floatUp 5s linear forwards}@keyframes floatUp{0%{transform:translateY(100px) scale(.5);opacity:0}20%{opacity:.8}80%{opacity:.8}100%{transform:translateY(-100px) scale(1);opacity:0}}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(15px,4vw,30px);position:relative;z-index:2;min-height:calc(100vh - 50px)}.layout-wrapper{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.iso-world{position:absolute;inset:0;pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center;opacity:.5;overflow:hidden}.iso-plane{transform:rotateX(60deg) rotateZ(-45deg);transform-style:preserve-3d;position:relative;width:350px;height:350px}.iso-tile{position:absolute;width:80px;height:80px;background:rgba(255,255,255,.9);border:3px solid var(--txt);border-radius:12px;box-shadow:-4px 4px 0 var(--aq);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateZ(-50px) rotateX(90deg)}.t1{top:-20px;left:-20px;animation:tFlip .6s ease forwards,tGlow 6s 1.8s infinite}.t2{top:250px;left:220px;animation:tFlip .6s .6s ease forwards,tGlow 6s 3.8s infinite}.t3{top:20px;left:260px;animation:tFlip .6s 1.2s ease forwards,tGlow 6s 5.8s infinite}.iso-node{position:absolute;width:16px;height:16px;background:var(--bl);border:2px solid var(--txt);border-radius:50%;transform:translateZ(10px)}.n1{top:110px;left:-10px}.n2{top:-10px;left:110px}.iso-line{position:absolute;background:var(--aq);height:2px;transform:translateZ(5px)}.l1{top:118px;left:6px;width:60px}.l2{top:18px;left:100px;width:60px;transform:rotate(90deg) translateZ(5px);transform-origin:left}@keyframes tFlip{to{opacity:1;transform:translateZ(0) rotateX(0deg)}}@keyframes tGlow{0%,100%{box-shadow:-4px 4px 0 var(--aq)}50%{box-shadow:-4px 4px 15px var(--aq),inset 0 0 10px var(--aq)}}.iso-icon{width:40px;height:40px;stroke:var(--txt);stroke-width:2;fill:none;transform:rotateZ(45deg) rotateX(-20deg)}.vis-sig{position:absolute;top:50%;left:50%;width:100%;height:100%;max-width:800px;max-height:800px;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.sig-path{stroke:var(--aq);stroke-width:4;stroke-dasharray:8 8;fill:none;stroke-linecap:round}.sig-ghost{fill:none;stroke:var(--aq);stroke-width:3}.card-wrapper{position:relative;z-index:10;width:100%;max-width:440px;margin-top:30px}.ribbon{position:absolute;top:-20px;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--txt);color:var(--bg);padding:6px 16px;border-radius:20px;font-size:clamp(12px,3vw,14px);white-space:nowrap;border:2px solid var(--aq);opacity:0;animation:ribDrop .8s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:20;display:flex;align-items:center;gap:8px}@keyframes ribDrop{to{transform:translateX(-50%) translateY(0);opacity:1}}.ribbon.pulse{animation:ribDrop 0s forwards,ribPulse .4s ease}@keyframes ribPulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05);background:#222}}.access-card{background:var(--card);border:4px solid var(--txt);border-radius:24px;padding:clamp(24px,6vw,40px) clamp(16px,4vw,30px);box-shadow:6px 6px 0 var(--aq),12px 12px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.card-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 60%);background-size:200% 200%;animation:shine 4s linear infinite;pointer-events:none}@keyframes shine{0%{background-position:200% 0}100%{background-position:-200% 0}}.logo{width:clamp(140px,30vw,180px);height:auto;margin-bottom:20px}h1{font-size:clamp(24px,6.5vw,34px);line-height:1.2;margin-bottom:12px;color:var(--txt)}.subtitle{font-size:clamp(15px,3.5vw,17px);color:#333;margin-bottom:30px;line-height:1.5;font-weight:700}.cta-area{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--txt);color:var(--bg);text-decoration:none;font-size:clamp(18px,4.5vw,22px);padding:15px 24px;border:2px solid var(--aq);border-radius:50px;box-shadow:0 8px 15px rgba(0,0,0,.2),inset 0 -4px 0 rgba(255,255,255,.2);transition:transform .2s;position:relative;z-index:2}.btn:hover,.btn:focus-visible{transform:translateY(-2px);outline:3px solid var(--aq);outline-offset:2px}.btn:active{transform:translateY(2px);box-shadow:0 2px 5px rgba(0,0,0,.2),inset 0 -2px 0 rgba(255,255,255,.2)}.spark{width:20px;height:20px;fill:var(--aq)}.trust-badge{position:absolute;right:0;top:-12px;background:var(--aq);color:var(--txt);font-weight:700;font-size:clamp(10px,2.5vw,12px);padding:5px 12px;border-radius:12px;border:1px solid var(--txt);opacity:0;transform:rotate(8deg);z-index:3;animation:bFade .5s .8s forwards,bShim 3s infinite 1.5s;white-space:nowrap}@keyframes bFade{to{opacity:1}}@keyframes bShim{0%,100%{filter:brightness(1)}5%{filter:brightness(1.5) drop-shadow(0 0 8px var(--card))}}.reassurance{font-size:13px;color:#555;margin-top:16px;font-weight:500}footer{text-align:center;padding:15px;font-size:14px;font-weight:700;color:var(--txt);opacity:.7}@media(min-width:768px){.iso-plane{width:650px;height:650px}.t1{top:40px;left:40px}.t2{top:450px;left:450px}.t3{top:80px;left:480px}.n1{top:200px;left:20px}.n2{top:20px;left:200px}.l1{top:208px;left:36px;width:100px}.l2{top:38px;left:190px;width:100px}.card-wrapper{max-width:500px}.ribbon{top:-25px}.trust-badge{right:-15px;top:-18px;transform:rotate(10deg)}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}