:root { --oreg-green:#42633d; --oreg-deep:#24422c; --oreg-ink:#29382d; --oreg-muted:#728074; --oreg-line:#dce6d9; --oreg-page:#f8faf5; --oreg-sage:#edf4e9; --oreg-gold:#d6aa35; --oreg-danger:#a93b3b; } * { box-sizing:border-box; } html { background:var(--oreg-page); } body.organic-register { min-width:320px; min-height:100vh; margin:0; color:var(--oreg-ink); background:var(--oreg-page); font:16px/1.5 "Source Sans 3",Arial,sans-serif; } button,input { font:inherit; } button { cursor:pointer; }
.organic-register__header { color:#fff; background:var(--oreg-deep); }.organic-register__header-inner,.organic-register__shell { width:min(100% - 48px,1120px); margin:auto; }.organic-register__header-inner { display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:89px; }.organic-register__brand { display:block; width:180px; }.organic-register__brand img { display:block; width:100%; max-height:58px; object-fit:contain; object-position:left center; }.organic-register__sign-in { color:#dce8d9; font-size:.91rem; text-decoration:none; }.organic-register__sign-in strong { margin-left:5px; color:#fff; }.organic-register__sign-in i { margin-left:3px; }
.organic-register__intro { position:relative; overflow:hidden; padding:43px 0 48px; color:#fff; background:linear-gradient(115deg,#315b38,#587f4e); }.organic-register__intro::after { position:absolute; top:-175px; right:7%; width:500px; height:500px; border:55px solid rgba(233,241,197,.11); border-radius:50%; content:""; }.organic-register__shell { position:relative; z-index:1; }.organic-register__eyebrow { display:inline-flex; align-items:center; gap:7px; color:#f0dfa0; font-size:.72rem; font-weight:800; letter-spacing:.11em; }.organic-register__intro h1 { max-width:680px; margin:10px 0; font-family:"Playfair Display",serif; font-size:clamp(2.4rem,4.8vw,4.2rem); line-height:1.05; letter-spacing:-.04em; }.organic-register__intro h1 em { color:#f0dc90; font-style:normal; }.organic-register__intro p { max-width:590px; margin:0; color:#e5ede2; font-size:1.08rem; }.organic-register__steps { display:flex; align-items:center; gap:11px; margin-top:27px; color:#edf3e8; font-size:.86rem; font-weight:650; }.organic-register__steps span { display:inline-flex; align-items:center; gap:7px; }.organic-register__steps b { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; color:#315437; background:#e9d886; font-size:.72rem; }.organic-register__steps > i { width:26px; height:1px; background:rgba(255,255,255,.35); }
.organic-register__content { padding:clamp(32px,5vw,70px) 24px; }.organic-register__card { width:min(100%,960px); margin:auto; padding:clamp(25px,4vw,47px); border:1px solid #dde7da; border-radius:22px; background:#fff; box-shadow:0 20px 55px rgba(43,67,46,.1); }.organic-register__back { display:inline-flex; align-items:center; gap:7px; color:#557057; font-size:.9rem; font-weight:750; text-decoration:none; }.organic-register__back:hover { color:var(--oreg-deep); }.organic-register__card-header h2 { margin:19px 0 7px; font-family:"Playfair Display",serif; font-size:clamp(1.8rem,3vw,2.4rem); line-height:1.1; }.organic-register__card-header p { max-width:600px; margin:0; color:var(--oreg-muted); }.organic-register__notice,.organic-register__alert { display:flex; align-items:flex-start; gap:11px; margin-top:26px; padding:14px 16px; border-radius:12px; }.organic-register__notice { color:#5c5629; background:#f7f3dc; }.organic-register__notice i { color:#ae8a25; }.organic-register__notice strong,.organic-register__notice span { display:block; }.organic-register__notice strong { font-weight:800; }.organic-register__notice span { font-size:.91rem; }.organic-register__alert { color:var(--oreg-danger); background:#fff0ef; font-weight:650; }.organic-register__form { display:grid; gap:28px; margin-top:27px; }.organic-register__section { padding-top:27px; border-top:1px solid var(--oreg-line); }.organic-register__section h3 { display:flex; align-items:center; gap:9px; margin:0 0 18px; font-size:1.08rem; }.organic-register__section h3 > span { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; color:var(--oreg-green); background:var(--oreg-sage); font-size:.92rem; }.organic-register__grid { display:grid; gap:16px; }.organic-register__grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }.organic-register__grid--address { grid-template-columns:minmax(0,2fr) minmax(135px,1fr) minmax(135px,1fr); margin-top:16px; }.organic-register__field { min-width:0; }.organic-register__field label { display:flex; align-items:center; gap:7px; margin-bottom:7px; color:#455348; font-size:.91rem; font-weight:750; }.organic-register__field label small { padding:2px 7px; border-radius:999px; color:#6b776d; background:#edf2ec; font-size:.68rem; }.organic-register__field input { display:block; width:100%; min-height:52px; padding:11px 13px; border:1px solid var(--oreg-line); border-radius:11px; outline:0; color:var(--oreg-ink); background:#fff; transition:.18s ease; }.organic-register__field input:focus { border-color:#779570; box-shadow:0 0 0 4px rgba(95,139,85,.14); }.organic-register__captcha { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1fr); align-items:end; gap:16px; }.organic-register__captcha-image { display:flex; align-items:center; min-height:52px; overflow:hidden; border:1px solid var(--oreg-line); border-radius:11px; background:#f8faf6; }.organic-register__captcha-image img { display:block; width:calc(100% - 52px); height:50px; object-fit:contain; }.organic-register__captcha-image button { display:grid; width:51px; height:50px; place-items:center; border:0; border-left:1px solid var(--oreg-line); color:#567055; background:#fff; }.organic-register__captcha-image button:hover { background:#f0f5ee; }.organic-register__error { display:block; margin-top:6px; color:var(--oreg-danger); font-weight:650; }.organic-register__footer { display:flex; justify-content:flex-end; gap:10px; padding-top:26px; border-top:1px solid var(--oreg-line); }.organic-register__button { display:inline-flex; align-items:center; justify-content:center; min-height:51px; gap:8px; padding:11px 19px; border:1px solid transparent; border-radius:11px; font-weight:750; text-decoration:none; transition:.18s ease; }.organic-register__button:hover { transform:translateY(-1px); }.organic-register__button--primary { color:#fff; background:var(--oreg-green); box-shadow:0 8px 16px rgba(52,89,52,.18); }.organic-register__button--primary:hover { background:#31572f; }.organic-register__button--secondary { border-color:var(--oreg-line); color:#4d6250; background:#fff; }.organic-register__button--secondary:hover { border-color:#bcd0b8; background:#f7faf5; }.organic-register__back:focus-visible,.organic-register__button:focus-visible,.organic-register__captcha-image button:focus-visible,.organic-register__sign-in:focus-visible { outline:3px solid rgba(107,150,98,.45); outline-offset:3px; }
@media(max-width:700px) { .organic-register__header-inner,.organic-register__shell { width:min(100% - 36px,1120px); }.organic-register__header-inner { min-height:75px; }.organic-register__brand { width:145px; }.organic-register__sign-in { font-size:.8rem; }.organic-register__intro { padding:32px 0 35px; }.organic-register__intro p { font-size:.96rem; }.organic-register__steps { gap:7px; flex-wrap:wrap; font-size:.76rem; }.organic-register__steps > i { width:12px; }.organic-register__content { padding:0 14px 35px; }.organic-register__card { margin-top:-16px; padding:26px 20px; border-radius:17px; }.organic-register__grid--two,.organic-register__grid--address,.organic-register__captcha { grid-template-columns:1fr; }.organic-register__grid--address { margin-top:16px; }.organic-register__footer { display:grid; grid-template-columns:1fr; }.organic-register__button { width:100%; }.organic-register__section { padding-top:23px; }.organic-register__form { gap:24px; } }