@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap";:root{--bg-primary: #0B2E2A;--bg-secondary: #0F3A34;--gold: #C6A65C;--gold-light: #E2C882;--gold-dark: #9E7E3A;--white: #FFFFFF;--white-muted: rgba(255, 255, 255, .65);--border-gold: rgba(198, 166, 92, .4);--shadow-gold: rgba(198, 166, 92, .25);--shadow-deep: rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Montserrat,system-ui,sans-serif;background-color:var(--bg-primary);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;padding:40px 24px;background:radial-gradient(ellipse at 50% 0%,rgba(198,166,92,.06) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(11,46,42,.9) 0%,transparent 70%),linear-gradient(160deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.content-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.header{text-align:center;width:100%;max-width:480px}.logo-wrap{display:inline-block;position:relative;margin-bottom:4px}.logo-wrap:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(198,166,92,.15) 0%,transparent 70%);pointer-events:none}.logo{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(198,166,92,.35));display:block}.society-name{font-family:Playfair Display,serif;font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:700;letter-spacing:.05em;color:var(--gold);text-transform:uppercase;line-height:1.2;margin-top:12px}.tagline{font-family:Montserrat,sans-serif;font-size:clamp(.65rem,2.5vw,.78rem);font-weight:400;letter-spacing:.08em;color:var(--white-muted);text-transform:uppercase;margin-top:16px}.main{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:28px}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:18px 32px;border-radius:4px;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,3vw,.95rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .35s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;isolation:isolate}@keyframes shimmer{0%{transform:translate(-120%) skew(-20deg);opacity:0}30%{opacity:1}to{transform:translate(220%) skew(-20deg);opacity:0}}.btn:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-120%) skew(-20deg);transition:none;pointer-events:none;z-index:1}.btn:hover:before{animation:shimmer .7s ease forwards}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%);background-size:200% 200%;color:var(--bg-primary);border:1px solid var(--gold-light);box-shadow:0 4px 20px #c6a65c4d,inset 0 1px #ffffff26}.btn-primary:hover{background-position:right center;box-shadow:0 8px 32px #c6a65c73,0 0 0 1px var(--gold),inset 0 1px #fff3;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0b2e2a66;color:var(--gold-light);border:1px solid var(--border-gold);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 16px #00000040,inset 0 1px #c6a65c14}.btn-secondary:hover{background:#c6a65c0f;border-color:var(--gold);color:var(--gold);box-shadow:0 8px 28px #c6a65c2e,0 0 0 1px #c6a65c66,inset 0 1px #c6a65c1f;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-icon{margin-right:10px;font-size:1.1em;flex-shrink:0}.footer{text-align:center;opacity:.45;transition:opacity .3s}.footer:hover{opacity:.7}.footer-text{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;line-height:1.8}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-header{animation:fadeDown .8s ease both}.anim-1{animation:fadeUp .7s ease both .2s}.anim-2{animation:fadeUp .7s ease both .35s}.anim-footer{animation:fadeIn 1s ease both .55s}@media(max-width:380px){#root{padding:36px 18px 28px}.logo{width:120px;height:120px}.btn{padding:16px 20px}}