@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--color-honey-gold: #F2B233;--color-charcoal: #1F1B16;--color-wax-cream: #F6E9D6;--color-pollen-mist: #FFF7EA;--color-nectar-orange: #E67E22;--color-amber-glow: rgba(242, 178, 51, .35);--color-ember: rgba(230, 126, 34, .25);--font-display: "Space Grotesk", "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Source Sans 3", "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-soft: 0 18px 40px rgba(31, 27, 22, .18);--shadow-glow: 0 0 0 3px rgba(242, 178, 51, .25);--bg-gradient: linear-gradient( 180deg, rgba(242, 178, 51, .18), rgba(246, 233, 214, .18) );--pattern-honeycomb: linear-gradient( 60deg, rgba(31, 27, 22, .05) 12%, transparent 12%, transparent 88%, rgba(31, 27, 22, .05) 88% ), linear-gradient( -60deg, rgba(31, 27, 22, .05) 12%, transparent 12%, transparent 88%, rgba(31, 27, 22, .05) 88% ), linear-gradient( 0deg, rgba(31, 27, 22, .05) 12%, transparent 12%, transparent 88%, rgba(31, 27, 22, .05) 88% );--pattern-size: 48px 84px}body{margin:0;font-family:var(--font-body);color:var(--color-charcoal);background-color:var(--color-pollen-mist);background-image:var(--bg-gradient)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.01em;margin:0}.brand-surface{background-color:var(--color-wax-cream)}.brand-cta{background-color:var(--color-honey-gold);color:var(--color-charcoal);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:none;font-weight:600;letter-spacing:.01em}.brand-cta:hover,.brand-cta:focus{background-color:var(--color-nectar-orange);box-shadow:var(--shadow-glow)}.section-honeycomb{background-image:var(--pattern-honeycomb);background-size:var(--pattern-size);background-color:var(--color-pollen-mist)}*{box-sizing:border-box}body{min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{width:min(1120px,100%);position:relative;isolation:isolate}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:999px;z-index:-1;filter:blur(0);opacity:.7}.login-page:before{width:280px;height:280px;top:-60px;left:-80px;background:radial-gradient(circle,var(--color-amber-glow),transparent 70%)}.login-page:after{width:320px;height:320px;bottom:-120px;right:-60px;background:radial-gradient(circle,var(--color-ember),transparent 70%)}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(31,27,22,.12);background:#fff7eacc;box-shadow:var(--shadow-soft);animation:shellIn .7s ease both}.login-brand{padding:48px 52px;background-image:var(--pattern-honeycomb),var(--bg-gradient);background-size:var(--pattern-size),cover;display:grid;gap:20px;align-content:start;animation:riseIn .6s ease both;animation-delay:.12s}.brand-mark{width:56px;height:56px;display:grid;place-items:center;font-weight:700;color:var(--color-charcoal);background:linear-gradient(140deg,#f2b233,#f6e9d6);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);border:2px solid rgba(31,27,22,.12);letter-spacing:.08em}.brand-kicker{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;color:#1f1b16b3}.login-brand h1{font-size:2.6rem;line-height:1.05}.brand-summary{margin:0;font-size:1.05rem;line-height:1.6;max-width:30ch}.brand-grid{display:grid;gap:16px;margin-top:12px}.brand-card{padding:16px 18px;border-radius:var(--radius-md);background:#f6e9d6cc;border:1px solid rgba(31,27,22,.08);box-shadow:0 10px 24px #1f1b1614}.brand-card h3{font-size:1.05rem;margin-bottom:6px}.brand-card p{margin:0;font-size:.95rem;color:#1f1b16cc}.login-panel{padding:52px 48px;background:var(--color-wax-cream);display:flex;flex-direction:column;justify-content:center;gap:28px;animation:riseIn .6s ease both;animation-delay:.2s}.panel-header{display:grid;gap:10px}.panel-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;margin:0;color:#1f1b1699}.panel-header h2{font-size:2rem}.panel-subtitle{margin:0;color:#1f1b16bf;line-height:1.6}.login-form{display:grid;gap:16px}.form-row{display:grid;gap:8px;opacity:0;transform:translateY(8px);animation:reveal .5s ease forwards}.form-row label{font-weight:600;font-size:.95rem}.form-row input{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(31,27,22,.12);background:#fffc;transition:border .15s ease,box-shadow .15s ease}.form-row input:focus{outline:none;border-color:#f2b233e6;box-shadow:var(--shadow-glow)}.form-actions{display:grid;gap:12px;margin-top:6px}.ghost-button{background:transparent;border:1px solid rgba(31,27,22,.2);border-radius:var(--radius-md);padding:12px 16px;font-weight:600;color:#1f1b16cc;transition:border .15s ease,transform .15s ease}.ghost-button:hover{border-color:#1f1b1673;transform:translateY(-1px)}.brand-cta{padding:12px 16px}.panel-footer{display:flex;gap:12px;align-items:center;color:#1f1b1699;font-size:.9rem}.link-button{background:transparent;border:none;padding:0;font-weight:600;color:#1f1b16bf}.link-button:hover{color:#1f1b16}.footer-divider{color:#1f1b1659}.delay-1{animation-delay:.18s}.delay-2{animation-delay:.26s}.delay-3{animation-delay:.34s}@keyframes shellIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.login-shell{grid-template-columns:1fr}.login-brand,.login-panel{padding:40px}.login-brand h1{font-size:2.2rem}.brand-summary{max-width:100%}}@media (max-width: 640px){#root{padding:20px}.login-brand,.login-panel{padding:28px}.panel-header h2{font-size:1.7rem}.login-brand h1{font-size:2rem}.panel-footer{flex-direction:column;align-items:flex-start}.footer-divider{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}