*{margin:0;padding:0;box-sizing:border-box}:root{--page-width-narrow: 600px;--page-width-medium: 900px;--page-width-wide: 1100px;--page-padding: 24px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#ede9fe,#fce7f3,#dbeafe);min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--page-padding)}.page-container{width:100%;margin:0 auto;padding:var(--page-padding)}.page-container--narrow{max-width:var(--page-width-narrow)}.page-container--medium{max-width:var(--page-width-medium)}.page-container--wide{max-width:var(--page-width-wide)}@media (max-width: 640px){:root{--page-padding: 16px}}.card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:32px;margin-bottom:20px}.btn{display:inline-block;padding:12px 32px;border-radius:9999px;text-decoration:none;font-weight:600;font-size:16px;transition:all .2s;border:none;cursor:pointer;box-sizing:border-box}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:2px solid #7C3AED}.btn-primary:hover{box-shadow:0 4px 12px #7c3aed66}.btn-secondary{background:#fff;color:#7c3aed;border:2px solid #7C3AED}.btn-secondary:hover{background:#f5f3ff}.login-styles input{margin-bottom:16px}input{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:8px;font-size:16px}input:focus{outline:none;border-color:#7c3aed}label{display:block;margin-bottom:8px;color:#374151;font-weight:500}