:root{--bg-deep:#060608;--beige:#f5f0e1;--beige-dim:#c8bfa8;--navy:#1a365d;--navy-light:#2a4a7f;--text-primary:#f5f0e1;--text-secondary:#f5f0e173;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff12;--glass-border:#ffffff14;--glass-border-hover:#ffffff29;--glass-blur:20px;--glass-radius:20px;--glass-shine-top:#ffffff1f;--glass-shine-bot:#fff0;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--navy);color:var(--beige)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-deep);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.texture-bg{z-index:0;opacity:.35;background-image:url(/assets/texture-OG7Ho07A.png);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:60s ease-in-out infinite alternate texture-drift;position:fixed;inset:0}@keyframes texture-drift{0%{transform:scale(1.05)translate(0)}50%{transform:scale(1.08)translate(-1%,-.5%)}to{transform:scale(1.05)translate(.5%,.5%)}}.grain{pointer-events:none;z-index:900;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain-drift;position:fixed;top:-50%;left:-50%}@keyframes grain-drift{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}#particles{pointer-events:none;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.orb{filter:blur(130px);pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:fixed}.orb-1{background:radial-gradient(circle, var(--navy) 0%, transparent 70%);opacity:.35;width:60vw;height:60vw;animation:22s ease-in-out infinite alternate orb-float-1;top:-20%;left:-10%}.orb-2{opacity:.3;background:radial-gradient(circle,#1a365d80 0%,#0000 70%);width:55vw;height:55vw;animation:28s ease-in-out infinite alternate orb-float-2;bottom:-25%;right:-15%}@keyframes orb-float-1{0%{transform:translate(0)scale(1)}50%{transform:translate(10vw,12vh)scale(1.1)}to{transform:translate(-5vw,18vh)scale(.9)}}@keyframes orb-float-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-12vw,-8vh)scale(1.2)}to{transform:translate(6vw,-3vh)scale(.85)}}.container{z-index:2;flex-direction:column;gap:3rem;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:4rem 1.5rem 3rem;display:flex;position:relative}.header{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:1.5rem;display:flex;transform:translateY(30px)}.header.is-visible{opacity:1;transition:opacity 1s var(--ease-out-expo), transform 1s var(--ease-out-expo);transform:translateY(0)}.logo{object-fit:contain;filter:invert()brightness(.92)sepia(.15);opacity:.9;width:240px;height:240px;margin-bottom:-50px;transition:opacity .4s}.logo:hover{opacity:1}.header-text{flex-direction:column;align-items:center;gap:.6rem;display:flex}.title{letter-spacing:.5em;text-transform:uppercase;gap:2px;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;display:flex;overflow:hidden}.title-char{opacity:0;display:inline-block;transform:translateY(100%)}.header.is-visible .title-char{opacity:1;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transition-delay:calc(.3s + var(--i) * 50ms);transform:translateY(0)}.subtitle{color:var(--text-secondary);letter-spacing:.02em;opacity:0;font-size:.85rem;font-weight:300;line-height:1.5;transform:translateY(10px)}.header.is-visible .subtitle{opacity:1;transition:opacity .8s var(--ease-out-expo) .8s, transform .8s var(--ease-out-expo) .8s;transform:translateY(0)}.divider{background:linear-gradient(90deg, transparent, var(--beige-dim), transparent);opacity:0;width:40px;height:1px;transform:scaleX(0)}.header.is-visible .divider{opacity:.3;transition:opacity .8s ease 1s, transform .8s var(--ease-out-expo) 1s;transform:scaleX(1)}.links{flex-direction:column;gap:.75rem;display:flex}.glass-card{color:var(--text-primary);border-radius:var(--glass-radius);will-change:transform;contain:layout style;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:1px solid var(--glass-border);transition:transform .4s var(--ease-out-expo), background .4s ease, border-color .4s ease, box-shadow .4s ease;opacity:0;text-decoration:none;display:block;position:relative;overflow:hidden;transform:translateY(25px)scale(.97);box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000040,0 8px 40px #00000026}.glass-card:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#f5f0e140,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.glass-card.is-visible{opacity:1;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(0)scale(1)}.glass-card[data-delay="1"].is-visible{transition-delay:50ms}.glass-card[data-delay="2"].is-visible{transition-delay:.12s}.glass-card[data-delay="3"].is-visible{transition-delay:.19s}.glass-card[data-delay="4"].is-visible{transition-delay:.26s}.glass-card[data-delay="5"].is-visible{transition-delay:.33s}.glass-card-shine{border-radius:var(--glass-radius);pointer-events:none;z-index:1;background:linear-gradient(168deg, var(--glass-shine-top) 0%, transparent 40%, transparent 70%, #ffffff05 100%);opacity:1;transition:opacity .4s;position:absolute;inset:0}.glass-card:after{content:"";z-index:0;border-radius:var(--glass-radius);opacity:0;background:radial-gradient(350px circle at var(--mouse-x,50%) var(--mouse-y,50%), #1a365d33, transparent 50%);pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.glass-card:hover:after{opacity:1}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)scale(1.01);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000059,0 16px 56px #0003,0 0 40px #1a365d1f}.glass-card:hover .glass-card-shine{opacity:1.3}.glass-card-content{z-index:2;align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex;position:relative}.glass-icon{width:40px;height:40px;color:var(--beige-dim);background:#1a365d1f;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:color .3s,background .3s,border-color .3s;display:flex}.glass-card:hover .glass-icon{color:var(--beige);background:#1a365d40;border-color:#1a365d66}.glass-label{letter-spacing:.01em;flex:1;font-size:.95rem;font-weight:500}.glass-arrow{color:var(--text-secondary);opacity:0;transition:opacity .4s var(--ease-out-expo), transform .4s var(--ease-out-expo);justify-content:center;align-items:center;display:flex;transform:translate(-6px,6px)}.glass-card:hover .glass-arrow{opacity:.8;transform:translate(0)}.glass-card--classified{background:#1a365d14;border-color:#1a365d33;margin-top:.4rem}.glass-card--classified .glass-card-shine{background:linear-gradient(168deg,#2a4a7f33 0%,#0000 40% 70%,#2a4a7f0a 100%)}.glass-card--classified:hover{background:#1a365d26;border-color:#1a365d66;box-shadow:inset 0 1px #2a4a7f1f,0 8px 24px #00000059,0 16px 56px #0003,0 0 50px #1a365d2e}.flip-scene{perspective:1200px;width:100%}.flip-card{width:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.flip-card.is-flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;width:100%}.flip-front{flex-direction:column;gap:3rem;transition:visibility linear;display:flex}.flip-card.is-flipped .flip-front{visibility:hidden;transition:visibility 0s linear .4s}.flip-back{visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;transition:visibility 0s linear .4s;display:flex;position:absolute;top:0;left:0;transform:rotateY(180deg)}.flip-card.is-flipped .flip-back{visibility:visible;transition:visibility linear}.qr-panel{justify-content:center;align-items:center;width:100%;padding:2rem 0;display:flex}.qr-glass{border-radius:var(--glass-radius);width:100%;max-width:320px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:1px solid var(--glass-border);background:#060608d9;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 4px 16px #00000040,0 8px 40px #00000026}.qr-content{z-index:2;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem;display:flex;position:relative}.qr-heading{letter-spacing:.15em;text-transform:uppercase;color:var(--beige);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.qr-image{object-fit:contain;filter:sepia(.15)brightness(.95);width:240px;height:240px}.qr-sub{color:var(--text-secondary);letter-spacing:.08em;font-size:.8rem;font-weight:300}.qr-toggle{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(130%);color:var(--beige-dim);letter-spacing:.06em;cursor:pointer;transition:background .3s ease, border-color .3s ease, color .3s ease, transform .3s var(--ease-out-expo);border-radius:50px;justify-content:center;align-items:center;gap:.6rem;margin:0 auto;padding:.7rem 1.4rem;font-family:Inter,sans-serif;font-size:.78rem;font-weight:400;display:flex}.qr-toggle:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--beige);transform:scale(1.03)}.qr-toggle:active{transform:scale(.97)}.qr-toggle-icon{flex-shrink:0;width:18px;height:18px;transition:opacity .3s}.qr-toggle-icon--back,.qr-toggle.is-active .qr-toggle-icon--qr{display:none}.qr-toggle.is-active .qr-toggle-icon--back{display:block}.footer{text-align:center;opacity:0;padding-top:1rem;transform:translateY(15px)}.footer.is-visible{opacity:1;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(0)}.footer p{color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:400}@media (width<=520px){.container{gap:2.5rem;padding:3rem 1.25rem 2.5rem}.title{letter-spacing:.4em;font-size:1.3rem}.logo{width:190px;height:190px;margin-bottom:-40px}.glass-card-content{padding:1rem 1.1rem}.qr-image{width:200px;height:200px}}