:root{--burgundy: #14324F;--gold: #B07A2A;--gold-light: #DCBB78;--cream: #FCF9F3;--navy: #15212C;--slate: #2E4A62;--sage: #9CAF88;--shadow: rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--cream);color:var(--navy);min-height:100vh;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}h1,h2,h3{font-family:Cormorant Garamond,serif}.container{max-width:1400px;margin:0 auto}header{text-align:center;margin-bottom:28px;padding:26px 24px 22px;background:#14324f;border-radius:12px;box-shadow:0 4px 20px #14324f59;border-bottom:3px solid var(--gold)}header h1{font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:600;color:#fff;margin-bottom:6px;letter-spacing:.5px}.subtitle{font-family:Inter,sans-serif;font-size:.8rem;color:var(--gold-light);font-weight:500;letter-spacing:2px;text-transform:uppercase}.brand-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:14px}.brand-row img{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--gold-light);object-fit:cover}.brand-row .brand-text{text-align:left}.brand-row h1{font-size:1.9rem;margin-bottom:2px}.brand-row .subtitle{font-size:.72rem;letter-spacing:1.6px}.user-info{border-top:1px solid rgba(220,187,120,.35);padding-top:14px}.user-info p{color:#d8e2ec;font-size:.92rem}.user-info strong{color:#fff}.user-info .btn{background:var(--gold-light);color:#14324f}.user-info .btn:hover{background:#e8cd92;box-shadow:0 4px 12px #0000004d}.user-info .btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(220,187,120,.5)}.user-info .btn-secondary:hover{background:#ffffff38;box-shadow:none}.btn{background:var(--burgundy);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .2s}.btn:hover{background:#1e425f;transform:translateY(-2px);box-shadow:0 4px 12px #14324f59}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#eae4d3;color:var(--navy)}.btn-secondary:hover{background:#dcd5bf}.btn-danger{background:#c1272d}.btn-danger:hover{background:#a11f24}input,select,textarea{width:100%;padding:10px 12px;border:2px solid #E3DCC9;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;background:#fff;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem;color:var(--navy)}.alert{padding:16px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:slideIn .3s ease-out}.alert-success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4CAF50}.alert-error{background:#ffebee;color:#c62828;border-left:4px solid #F44336}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#15212c8c;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;border-top:4px solid var(--gold);animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding:10px}h1{font-size:1.8rem}header{padding:18px 14px 16px;margin-bottom:16px}.brand-row{flex-direction:column;gap:8px}.brand-row .brand-text{text-align:center}.modal-content{padding:20px}}
