:root{--font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-serif: Georgia, serif;--color-primary: #541342;--color-primary-hover: #6d1b57;--color-text-main: #1e293b;--color-text-muted: #64748b;--bg-gradient-start: #f3e8f0;--bg-gradient-end: #ffffff;--card-bg: rgba(255, 255, 255, .85);--input-bg: rgba(255, 255, 255, .9);--border-color: rgba(84, 19, 66, .15);--shadow-sm: 0 4px 6px -1px rgba(84, 19, 66, .05);--shadow-md: 0 10px 25px -5px rgba(84, 19, 66, .1);--shadow-lg: 0 20px 40px -5px rgba(84, 19, 66, .15)}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-family-sans);color:var(--color-text-main);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed}.app-shell{max-width:560px;margin:0 auto;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center}header.brand-header{margin-bottom:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.brand-logo{width:80px;height:auto;margin-bottom:.5rem}h1,h2,h3,.brand-text{font-family:var(--font-family-serif);color:var(--color-primary)}h1{margin:0 0 .5rem;font-size:clamp(2.5rem,5vw,3.5rem);letter-spacing:-.02em}h2{margin-top:0;font-size:1.75rem;font-weight:600}p{color:var(--color-text-muted);line-height:1.6;margin-top:0}.auth-card{width:100%;box-sizing:border-box;background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #54134233}label{display:block;margin-bottom:1.25rem;font-weight:600;font-size:.95rem;color:var(--color-primary)}input{width:100%;box-sizing:border-box;margin-top:.5rem;padding:.95rem 1.25rem;border:1px solid var(--border-color);border-radius:12px;background:var(--input-bg);font-size:1rem;color:var(--color-text-main);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #5413421a}button{width:100%;border:none;border-radius:12px;padding:1rem;font-size:1rem;cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}button[type=submit]{background:var(--color-primary);color:#fff;margin-top:1rem;box-shadow:var(--shadow-sm)}button[type=submit]:not(:disabled):hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}button[type=submit]:not(:disabled):active{transform:translateY(0)}.google-button{background:#fff;color:var(--color-text-main);border:1px solid var(--border-color);margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.google-button:not(:disabled):hover{background:#f8fafc;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mode-toggle{background:transparent;color:var(--color-primary);margin-top:1.5rem;font-size:.95rem;padding:.5rem}.mode-toggle:not(:disabled):hover{text-decoration:underline;background:#5413420d}.divider{text-align:center;margin:1.5rem 0;color:var(--color-text-muted);font-size:.9rem;display:flex;align-items:center}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.error-message{color:#dc2626;margin:.75rem 0 0;font-size:.9rem;background:#fef2f2;padding:.75rem;border-radius:8px;border:1px solid #fecaca}