.auth-shell{--auth-bg:#f6f3ec;--auth-bg-deep:#ede8de;--auth-surface:#fff;--auth-surface-warm:#fcfaf5;--auth-ink:#1b1a17;--auth-ink-soft:#423d36;--auth-muted:#6e665b;--auth-muted-soft:#98907f;--auth-gold:#c9a26b;--auth-gold-2:#b98c4e;--auth-gold-soft:#c9a26b52;--auth-gold-bg:#c9a26b17;--auth-gold-deep:#8a6a38;--auth-emerald:#083024;--auth-emerald-2:#0c3d2e;--auth-emerald-deep:#041e17;--auth-border:#e7e2d8;--auth-border-soft:#f0ece3;--auth-border-gold:#c9a26b47;--auth-sh-card:0 30px 70px -20px #08302429, 0 8px 24px -12px #00000014;--auth-sh-btn:0 10px 24px -10px #08302473, 0 2px 6px #00000014;--auth-sh-btn-hover:0 16px 34px -12px #0830248c, 0 3px 10px #0000001a;--auth-sh-soft:0 1px 2px #0000000a;--auth-f-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--auth-f-body:"Inter", system-ui, -apple-system, sans-serif;--auth-f-arabic:"Amiri", "Scheherazade New", serif;--auth-ease:cubic-bezier(.16, 1, .3, 1);--auth-ease-spring:cubic-bezier(.34, 1.4, .64, 1)}.dark .auth-shell{--auth-bg:#0b1512;--auth-bg-deep:#070f0c;--auth-surface:#12211c;--auth-surface-warm:#16271f;--auth-ink:#eaf0ec;--auth-ink-soft:#c0cfc7;--auth-muted:#82988e;--auth-muted-soft:#5e7268;--auth-gold:#d4b87a;--auth-gold-2:#c9a26b;--auth-gold-soft:#d4b87a4d;--auth-gold-bg:#d4b87a1a;--auth-gold-deep:#d4b87a;--auth-emerald:#0a2a20;--auth-emerald-2:#0e3627;--auth-emerald-deep:#05160f;--auth-border:#1e362b;--auth-border-soft:#16281f;--auth-border-gold:#d4b87a38;--auth-sh-card:0 30px 70px -20px #0000008c, 0 8px 24px -12px #0006;--auth-sh-btn:0 10px 24px -10px #0009, 0 2px 6px #0006;--auth-sh-btn-hover:0 16px 34px -12px #000000b3, 0 3px 10px #00000080}.auth-shell{font-family:var(--auth-f-body);background:var(--auth-bg);color:var(--auth-ink-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;isolation:isolate;min-height:100dvh;font-size:16px;line-height:1.6;display:flex;position:relative;overflow:hidden}.auth-shell:before{content:"";z-index:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.43 0 0 0 0 0.34 0 0 0 0 0.22 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.dark .auth-shell:before{opacity:.5;mix-blend-mode:screen}.auth-aurora{z-index:0;pointer-events:none;background:radial-gradient(circle, var(--auth-gold-bg) 0%, transparent 68%);filter:blur(8px);border-radius:50%;width:min(680px,70vw);height:min(680px,70vw);animation:22s ease-in-out infinite alternate auth-drift;position:fixed;top:-20%;right:-10%}.auth-grid{z-index:2;grid-template-columns:1fr;width:100%;min-height:100dvh;display:grid;position:relative}@media (min-width:900px){.auth-grid{grid-template-columns:1.05fr 1fr}}.auth-aside{background:radial-gradient(120% 90% at 20% 15%, var(--auth-emerald-2) 0%, transparent 55%), linear-gradient(155deg, var(--auth-emerald) 0%, var(--auth-emerald-deep) 100%);color:#ede7d8;padding:3.5rem;display:none;position:relative;overflow:hidden}@media (min-width:900px){.auth-aside{display:flex}}.auth-aside-pattern{opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23C9A26B' stroke-width='0.6'%3E%3Cpath d='M60 0l30 30-30 30-30-30z'/%3E%3Cpath d='M60 60l30 30-30 30-30-30z'/%3E%3Cpath d='M0 60l30 30-30 30z'/%3E%3Cpath d='M120 60l-30 30 30 30z'/%3E%3Ccircle cx='60' cy='60' r='11'/%3E%3Ccircle cx='60' cy='60' r='4'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.auth-aside-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#c9a26b2e 0%,#0000 70%);border-radius:50%;width:90%;height:80%;animation:9s ease-in-out infinite auth-breathe;position:absolute;bottom:-30%;left:-10%}.auth-aside-inner{z-index:1;flex-direction:column;justify-content:space-between;width:100%;max-width:460px;margin:auto;display:flex;position:relative}.auth-verse{opacity:0;animation:auth-rise 1.1s var(--auth-ease) .35s forwards;margin:auto 0}.auth-verse-ar{font-family:var(--auth-f-arabic);color:#f3ecdc;text-shadow:0 2px 24px #00000040;direction:rtl;margin-bottom:1.5rem;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.9}.auth-verse-tr{font-family:var(--auth-f-display);color:#ede7d8db;max-width:26ch;margin-bottom:1rem;font-size:clamp(1.15rem,1.7vw,1.4rem);font-style:italic;line-height:1.5}.auth-verse-ref{letter-spacing:.28em;text-transform:uppercase;color:var(--auth-gold);font-size:.7rem;font-weight:600;display:inline-block}.auth-aside-foot{color:#ede7d899;opacity:0;max-width:34ch;animation:auth-rise 1.1s var(--auth-ease) .6s forwards;font-size:.9rem;line-height:1.65}.auth-main{justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}@media (min-width:900px){.auth-main{padding:3rem}}.auth-panel{text-align:center;flex-direction:column;width:100%;max-width:400px;display:flex}@media (min-width:900px){.auth-panel{text-align:left;align-items:flex-start}}.auth-brand{font-family:var(--auth-f-display);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-brand-mark{color:#fff;background:linear-gradient(140deg, var(--auth-gold) 0%, var(--auth-gold-2) 100%);width:34px;height:34px;transition:transform .5s var(--auth-ease-spring);border-radius:10px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 4px 14px #c9a26b59,inset 0 1px #ffffff40}.auth-brand:hover .auth-brand-mark{transform:rotate(-6deg)scale(1.06)}.auth-brand--light{color:#f3ecdc}.auth-brand--light .auth-brand-mark{color:var(--auth-emerald-deep)}.auth-brand--mobile{color:var(--auth-ink);opacity:0;animation:auth-rise .9s var(--auth-ease) 50ms forwards;margin:0 auto 2rem}@media (min-width:900px){.auth-brand--mobile{display:none}}.auth-bismillah{font-family:var(--auth-f-arabic);color:var(--auth-gold);opacity:0;animation:auth-rise .9s var(--auth-ease) .15s forwards;direction:rtl;margin-bottom:1rem;font-size:1.2rem;line-height:2}.auth-hairline{background:linear-gradient(to right, transparent, var(--auth-gold-soft), transparent);opacity:0;width:44px;height:1px;animation:auth-rise .9s var(--auth-ease) .25s forwards;margin:0 auto 1.75rem}@media (min-width:900px){.auth-hairline{margin-left:0}}.auth-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--auth-gold-deep);opacity:0;min-height:1em;animation:auth-rise .9s var(--auth-ease) .3s forwards;margin-bottom:.75rem;font-size:.72rem;font-weight:600}.auth-greeting{font-family:var(--auth-f-display);color:var(--auth-ink);letter-spacing:-.01em;opacity:0;animation:auth-rise .9s var(--auth-ease) .4s forwards;margin-bottom:.85rem;font-size:clamp(2rem,5.5vw,2.6rem);font-style:italic;font-weight:500;line-height:1.12}.auth-subtitle{color:var(--auth-muted);opacity:0;max-width:34ch;animation:auth-rise .9s var(--auth-ease) .5s forwards;margin:0 auto 2.25rem;font-size:.95rem;line-height:1.65}@media (min-width:900px){.auth-subtitle{margin-left:0}}.auth-error{color:#991b1b;text-align:left;width:100%;animation:auth-rise .4s var(--auth-ease) backwards;background:#dc26260f;border:1px solid #dc262633;border-radius:14px;align-items:flex-start;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.dark .auth-error{color:#fca5a5;background:#f871711a;border-color:#f8717147}.auth-google-btn{background:linear-gradient(140deg, var(--auth-emerald-2) 0%, var(--auth-emerald) 100%);width:100%;box-shadow:var(--auth-sh-btn);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .35s var(--auth-ease), box-shadow .35s var(--auth-ease);border:none;border-radius:16px;padding:0;position:relative;overflow:hidden}.auth-google-btn-face{width:100%;font-family:var(--auth-f-body);letter-spacing:.005em;color:#f5efe3;z-index:1;justify-content:center;align-items:center;gap:.7rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative}.auth-google-btn:after{content:"";transition:background-position .7s var(--auth-ease);pointer-events:none;background:linear-gradient(105deg,#0000 38%,#c9a26b38 48%,#c9a26b47 52%,#0000 62%) 160% 0/220% 100%;position:absolute;inset:0}.auth-google-btn:before{content:"";background:linear-gradient(to right, transparent, var(--auth-gold-soft), transparent);z-index:2;height:1px;position:absolute;top:0;left:12%;right:12%}.auth-google-btn:hover{box-shadow:var(--auth-sh-btn-hover);transform:translateY(-2px)}.auth-google-btn:hover:after{background-position:-60% 0}.auth-google-btn:focus-visible{outline:2px solid var(--auth-gold);outline-offset:3px}.auth-google-btn:active{transition:transform .1s;transform:translateY(0)}.auth-google-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.auth-google-btn:disabled:after{display:none}.auth-panel .auth-google-btn{opacity:0;animation:auth-rise .9s var(--auth-ease) .6s forwards}.auth-trust{opacity:0;width:100%;animation:auth-rise .9s var(--auth-ease) .72s forwards;justify-content:center;align-items:center;gap:.9rem;margin-top:1.5rem;display:flex}@media (min-width:900px){.auth-trust{justify-content:flex-start}}.auth-trust-item{color:var(--auth-muted);align-items:center;gap:.4rem;font-size:.74rem;font-weight:500;display:inline-flex}.auth-trust-item svg{width:14px;height:14px;color:var(--auth-gold-deep);flex-shrink:0}.auth-trust-dot{background:var(--auth-muted-soft);opacity:.6;border-radius:50%;width:3px;height:3px}.auth-privacy{color:var(--auth-muted-soft);opacity:0;animation:auth-rise .9s var(--auth-ease) .85s forwards;margin-top:2rem;font-size:.74rem;line-height:1.65}.auth-privacy a{color:var(--auth-muted);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--auth-border-gold);text-decoration-color:var(--auth-border-gold);transition:color .2s}.auth-privacy a:hover{color:var(--auth-gold-deep)}.auth-spinner-container{background:var(--auth-bg);min-height:100dvh;font-family:var(--auth-f-display);color:var(--auth-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem;font-style:italic;display:flex}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes auth-drift{0%{transform:translate(0)}to{transform:translate(-40px,40px)}}@supports (padding:max(0px)){.auth-main{padding-top:max(2rem, env(safe-area-inset-top));padding-bottom:max(2rem, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.auth-shell *,.auth-shell :before,.auth-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}