/* CRCGS — REGISTER PAGE | File: register.css | Prefix: crcgs-rg- | Scope: register.html ONLY */
:root{--rg-navy:#1D3461;--rg-navy-deep:#111F3D;--rg-navy-mid:#243a6e;--rg-gold:#D4A84A;--rg-gold-light:#E8C97A;--rg-gold-pale:#f5e8c4;--rg-orange:#C4572D;--rg-warm-white:#FDFAF5;--rg-off-white:#f3efe6;--rg-text:#1A1A2E;--rg-muted:#6B7280;--rg-border:#ddd0b8;--rg-border-lt:#ece5d5;--rg-error:#C4572D;--rg-radius:2px;--rg-ease:0.22s ease;}
.crcgs-rg-page{min-height:100vh;display:flex;align-items:stretch;background:var(--rg-warm-white);}
.crcgs-rg-fadein{animation:rgFadeUp .5s ease both;}
/* Left */
.crcgs-rg-left{flex:0 0 40%;background:var(--rg-navy);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:4rem 3.5rem;overflow:hidden;}
.crcgs-rg-left::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 110% 20%,rgba(212,168,74,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 70% at -10% 80%,rgba(196,87,45,.07) 0%,transparent 60%);pointer-events:none;}
.crcgs-rg-left-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(212,168,74,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,74,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;}
.crcgs-rg-left-body{position:relative;z-index:1;flex:1;}
.crcgs-rg-eyebrow{font-family:'Josefin Sans',sans-serif;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--rg-gold);margin-bottom:1.2rem;display:flex;align-items:center;gap:.7rem;}
.crcgs-rg-eyebrow::before{content:'';display:block;width:2rem;height:1px;background:var(--rg-gold);flex-shrink:0;}
.crcgs-rg-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3vw,3rem);font-weight:300;color:var(--rg-warm-white);line-height:1.15;margin-bottom:1.4rem;}
.crcgs-rg-title em{font-style:italic;color:var(--rg-gold-light);}
.crcgs-rg-desc{font-family:'Spectral',serif;font-size:.97rem;color:rgba(253,250,245,.62);line-height:1.85;font-weight:300;max-width:36ch;margin-bottom:2.2rem;}
.crcgs-rg-badges{display:flex;flex-direction:column;gap:.85rem;}
.crcgs-rg-badge{display:flex;align-items:center;gap:.85rem;}
.crcgs-rg-badge-icon{width:36px;height:36px;background:rgba(212,168,74,.12);border:1px solid rgba(212,168,74,.22);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.crcgs-rg-badge-text{font-family:'Josefin Sans',sans-serif;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(253,250,245,.7);font-weight:500;}
.crcgs-rg-quote{position:relative;z-index:1;border-top:1px solid rgba(212,168,74,.2);padding-top:1.6rem;margin-top:2rem;}
.crcgs-rg-quote-mark{font-family:'Cormorant Garamond',serif;font-size:3rem;color:var(--rg-gold);line-height:.8;margin-bottom:.4rem;opacity:.6;}
.crcgs-rg-quote p{font-family:'Spectral',serif;font-style:italic;font-size:.9rem;color:rgba(253,250,245,.48);line-height:1.7;font-weight:300;}
/* Right */
.crcgs-rg-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 2.5rem;background:var(--rg-warm-white);overflow-y:auto;}
.crcgs-rg-card{width:100%;max-width:500px;}
/* Steps */
.crcgs-rg-steps{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;}
.crcgs-rg-step-dot{width:8px;height:8px;border-radius:50%;background:var(--rg-border);transition:background .3s,width .3s;}
.crcgs-rg-step-dot.active{background:var(--rg-gold);width:24px;border-radius:4px;}
/* Card head */
.crcgs-rg-card-eyebrow{font-family:'Josefin Sans',sans-serif;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--rg-orange);margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem;}
.crcgs-rg-card-eyebrow::before{content:'';display:block;width:1.5rem;height:1px;background:var(--rg-orange);}
.crcgs-rg-card-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,2.5vw,2.2rem);font-weight:300;color:var(--rg-navy);line-height:1.2;margin-bottom:.4rem;}
.crcgs-rg-card-title em{font-style:italic;color:var(--rg-navy-mid);}
.crcgs-rg-card-sub{font-family:'Spectral',serif;font-size:.9rem;color:var(--rg-muted);margin-bottom:1.4rem;}
.crcgs-rg-card-sub a{color:var(--rg-navy);text-decoration:underline;text-underline-offset:3px;transition:color var(--rg-ease);}
.crcgs-rg-card-sub a:hover{color:var(--rg-gold);}
/* Social */
.crcgs-rg-social-row{display:flex;gap:.75rem;margin-bottom:1.4rem;}
.crcgs-rg-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.78rem 1rem;border:1px solid var(--rg-border);background:var(--rg-warm-white);font-family:'Josefin Sans',sans-serif;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--rg-text);cursor:pointer;border-radius:var(--rg-radius);transition:border-color var(--rg-ease),background var(--rg-ease);white-space:nowrap;}
.crcgs-rg-social-btn:hover{border-color:var(--rg-navy);background:var(--rg-off-white);}
/* Divider */
.crcgs-rg-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;}
.crcgs-rg-divider::before,.crcgs-rg-divider::after{content:'';flex:1;height:1px;background:var(--rg-border-lt);}
.crcgs-rg-divider span{font-family:'Josefin Sans',sans-serif;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rg-muted);white-space:nowrap;}
/* Role cards */
.crcgs-rg-role-label{font-family:'Josefin Sans',sans-serif;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rg-navy);font-weight:600;margin-bottom:.7rem;}
.crcgs-rg-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.2rem;}
.crcgs-rg-role-card{border:1.5px solid var(--rg-border);padding:1rem;cursor:pointer;transition:border-color var(--rg-ease),background var(--rg-ease),box-shadow var(--rg-ease);border-radius:var(--rg-radius);position:relative;background:var(--rg-warm-white);}
.crcgs-rg-role-card:hover{border-color:var(--rg-navy);background:var(--rg-off-white);}
.crcgs-rg-role-card.selected{border-color:var(--rg-gold);background:var(--rg-gold-pale);box-shadow:0 0 0 2px rgba(212,168,74,.2);}
.crcgs-rg-role-check{position:absolute;top:.6rem;right:.6rem;width:18px;height:18px;background:var(--rg-gold);border-radius:50%;display:none;align-items:center;justify-content:center;color:var(--rg-navy-deep);font-size:.6rem;font-family:'Josefin Sans',sans-serif;}
.crcgs-rg-role-card.selected .crcgs-rg-role-check{display:flex;}
.crcgs-rg-role-icon{font-size:1.3rem;margin-bottom:.35rem;}
.crcgs-rg-role-name{font-family:'Josefin Sans',sans-serif;font-size:.63rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rg-navy);font-weight:700;margin-bottom:.2rem;}
.crcgs-rg-role-desc{font-family:'Spectral',serif;font-size:.78rem;color:var(--rg-muted);line-height:1.5;}
/* Form */
.crcgs-rg-form{display:flex;flex-direction:column;gap:1rem;}
.crcgs-rg-field{display:flex;flex-direction:column;gap:.35rem;}
.crcgs-rg-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}
.crcgs-rg-label{font-family:'Josefin Sans',sans-serif;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rg-navy);font-weight:600;}
.crcgs-rg-input{width:100%;padding:.82rem 1.1rem;background:var(--rg-off-white);border:1px solid var(--rg-border);border-radius:var(--rg-radius);font-family:'Spectral',serif;font-size:.95rem;color:var(--rg-text);outline:none;transition:border-color var(--rg-ease),box-shadow var(--rg-ease);-webkit-appearance:none;}
.crcgs-rg-input::placeholder{color:rgba(107,114,128,.5);}
.crcgs-rg-input:focus{border-color:var(--rg-navy);box-shadow:0 0 0 3px rgba(29,52,97,.08);background:var(--rg-warm-white);}
.crcgs-rg-input.error{border-color:var(--rg-error);box-shadow:0 0 0 3px rgba(196,87,45,.08);}
.crcgs-rg-input-wrap{position:relative;}
.crcgs-rg-input-wrap .crcgs-rg-input{padding-right:3rem;}
.crcgs-rg-eye{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--rg-muted);padding:0;display:flex;transition:color var(--rg-ease);}
.crcgs-rg-eye:hover{color:var(--rg-navy);}
.crcgs-rg-strength-bar{height:3px;background:var(--rg-border-lt);border-radius:2px;overflow:hidden;margin-top:.35rem;}
.crcgs-rg-strength-fill{height:100%;width:0%;border-radius:2px;transition:width .3s,background .3s;}
.crcgs-rg-strength-text{font-family:'Josefin Sans',sans-serif;font-size:.57rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rg-muted);margin-top:.25rem;}
.crcgs-rg-field-error{font-family:'Josefin Sans',sans-serif;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rg-error);min-height:1em;}
/* Checkbox */
.crcgs-rg-check-label{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;font-family:'Spectral',serif;font-size:.85rem;color:var(--rg-muted);user-select:none;}
.crcgs-rg-check-label input[type="checkbox"]{display:none;}
.crcgs-rg-checkmark{width:18px;height:18px;border:1.5px solid var(--rg-border);background:var(--rg-warm-white);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background var(--rg-ease),border-color var(--rg-ease);}
.crcgs-rg-check-label input:checked+.crcgs-rg-checkmark{background:var(--rg-navy);border-color:var(--rg-navy);}
.crcgs-rg-check-label input:checked+.crcgs-rg-checkmark::after{content:'';display:block;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);}
.crcgs-rg-terms a{color:var(--rg-navy);text-decoration:underline;text-underline-offset:2px;}
/* Submit */
.crcgs-rg-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.95rem 2rem;background:var(--rg-navy);color:var(--rg-warm-white);border:none;border-radius:var(--rg-radius);font-family:'Josefin Sans',sans-serif;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background var(--rg-ease),transform var(--rg-ease);margin-top:.2rem;}
.crcgs-rg-submit:hover:not(:disabled){background:var(--rg-navy-deep);transform:translateY(-1px);}
.crcgs-rg-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.crcgs-rg-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rgSpin .7s linear infinite;display:none;flex-shrink:0;}
.crcgs-rg-submit.loading .crcgs-rg-spinner{display:block;}
.crcgs-rg-submit.loading .crcgs-rg-btn-text{opacity:.7;}
/* Card foot */
.crcgs-rg-card-foot{margin-top:1.2rem;text-align:center;font-family:'Spectral',serif;font-size:.88rem;color:var(--rg-muted);}
.crcgs-rg-card-foot a{color:var(--rg-navy);text-decoration:underline;text-underline-offset:3px;transition:color var(--rg-ease);}
.crcgs-rg-card-foot a:hover{color:var(--rg-gold);}
/* Toast */
.crcgs-rg-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--rg-navy-deep);color:var(--rg-warm-white);font-family:'Josefin Sans',sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;padding:.8rem 1.6rem;border-left:3px solid var(--rg-gold);z-index:9999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap;}
.crcgs-rg-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
@keyframes rgSpin{to{transform:rotate(360deg);}}
@keyframes rgFadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
@media(max-width:1024px){.crcgs-rg-left{display:none;}.crcgs-rg-right{padding:2.5rem 1.5rem;}.crcgs-rg-page{min-height:100vh;}}
@media(max-width:600px){.crcgs-rg-right{padding:1.8rem 1.1rem;}.crcgs-rg-card{max-width:100%;}.crcgs-rg-social-row{flex-direction:column;}.crcgs-rg-row{grid-template-columns:1fr;}.crcgs-rg-role-grid{grid-template-columns:1fr;}}
@media(max-width:360px){.crcgs-rg-card-title{font-size:1.5rem;}}