﻿@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*,*::before,*::after{box-sizing:border-box}body{font-family:'Inter', sans-serif;min-height:100svh;margin:0;display:flex;flex-direction:column;color:#1f2937;font-size:16px;overflow-x:hidden}a{text-decoration:none}input,button,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%}:root{--auth-blue: #2766af;--auth-blue-hover: #1f4f8c;--auth-border: #e6e7eb;--auth-bg: #fff;--auth-height: 48px;--radius: 10px;--auth-input-radius: calc(var(--radius) - 2px);--coggno-primary-blue: #2964ae;--coggno-accent-blue:  #5794f7;--coggno-light-blue:   #edf2fe;--coggno-orange:       #ff9d28;--coggno-right-bg:     #1f4e99;--fg-1:         #111827;--fg-3:         #4b5563;--border-input: #e5e7eb;--shadow-focus: 0 0 0 4px rgba(41, 100, 174, 0.16);--shadow-md:    0 4px 12px rgba(29, 41, 57, 0.06), 0 1px 3px rgba(29, 41, 57, 0.04);--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);--dur-fast: 120ms;--dur-base: 200ms}@-webkit-keyframes authFadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes authFadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes stepSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes stepSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes stepSlideBack{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes stepSlideBack{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.signup-main{display:flex;flex:1;width:100%;min-height:100svh}.auth-section{flex:1;display:flex;flex-direction:column;padding:1.25rem 2rem}.auth-top-row{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.auth-center{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 0}.auth-right{display:none;width:50%;background-color:var(--auth-blue);position:relative;overflow:hidden;flex-shrink:0}.auth-right-bg{position:absolute;inset:0;pointer-events:none}.auth-right-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:3rem;height:100%;box-sizing:border-box}.auth-right-headline{font-size:36px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-0.025em;margin:0 0 16px}.auth-right-sub{font-size:17px;color:rgba(255,255,255,0.75);line-height:1.6;letter-spacing:-0.01em;margin:0 0 44px;max-width:360px}.auth-features{display:flex;flex-direction:column;gap:28px}.auth-feature{display:flex;align-items:flex-start;gap:16px;opacity:0;-webkit-animation:authFadeIn 0.45s ease forwards;animation:authFadeIn 0.45s ease forwards}.auth-features .auth-feature:nth-child(1){-webkit-animation-delay:0ms;animation-delay:0ms}.auth-features .auth-feature:nth-child(2){-webkit-animation-delay:250ms;animation-delay:250ms}.auth-features .auth-feature:nth-child(3){-webkit-animation-delay:500ms;animation-delay:500ms}.auth-feature-icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center}.auth-feature-title{font-size:17px;font-weight:600;color:#fff;letter-spacing:-0.01em;margin:0 0 4px}.auth-feature-desc{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.5;letter-spacing:0.005em;margin:0}.auth-card{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:stretch;min-width:0;position:relative}.auth-logo-img{height:40px;width:auto;display:block}.auth-lang-container{position:relative}.auth-lang-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:400;color:#6b7280;cursor:pointer;border:1px solid var(--auth-border);border-radius:8px;padding:7px 12px;background:transparent;line-height:1;height:36px;transition:color 0.15s ease, border-color 0.15s ease}.auth-lang-btn:hover{color:#1f2937;border-color:#9ca3af}.auth-lang-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;list-style:none;margin:0;padding:4px;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:200}.auth-lang-menu.is-open{display:block}.auth-lang-item{display:block;padding:6px 10px;border-radius:4px;font-size:13px;color:#374151;cursor:pointer;white-space:nowrap}.auth-lang-item:hover{background:#f3f4f6;color:#111827}.auth-steps{display:flex;align-items:center;justify-content:space-between;position:absolute;top:20px;left:0;right:0;z-index:1}.auth-step-dots{display:flex;align-items:center}.auth-step-dot{width:8px;height:8px;border-radius:50%;background:#e5e7eb;flex-shrink:0;transition:background 0.3s ease, transform 0.3s ease}.auth-step-dot.active{background:var(--auth-blue);transform:scale(1.375)}.auth-step-line{width:28px;height:2px;background:#e5e7eb;margin:0 5px;flex-shrink:0;transition:background 0.3s ease}.auth-step-line.active{background:var(--auth-blue)}.auth-back-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#6b7280;background:none;border:none;padding:0;cursor:pointer;transition:color 0.15s ease}.auth-back-btn:hover{color:#374151}.auth-steps-wrapper{display:grid}.auth-step-panel{grid-area:1 / 1;width:100%;padding-top:48px}.auth-step-hidden{visibility:hidden;pointer-events:none}#step-2 .auth-field{gap:24px}#step-2 .auth-title{margin-bottom:10px}.auth-step-panel.anim-forward{-webkit-animation:stepSlideIn 0.22s ease forwards;animation:stepSlideIn 0.22s ease forwards}.auth-step-panel.anim-back{-webkit-animation:stepSlideBack 0.22s ease forwards;animation:stepSlideBack 0.22s ease forwards}.auth-field-error{font-size:12px;color:#ef4444;display:none;margin:0}.auth-title{font-size:24px;font-weight:700;line-height:1.2;margin:0 0 10px;color:#111827}.auth-subtitle{font-size:15px;font-weight:400;color:#6b7280;margin:0 0 28px}.auth-field-group{display:flex;flex-direction:column;gap:8px}.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-field{display:flex;flex-direction:column;width:100%;gap:16px}.auth-label{font-size:14px;font-weight:500;color:#374151;display:block;margin:0}.auth-input{width:100%;height:var(--auth-height);padding:0 14px;background:#fff;border:2px solid var(--auth-border);border-radius:var(--auth-input-radius);font-size:16px;color:#1f2937;outline:none;transition:border-color 0.15s ease, box-shadow 0.15s ease;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-input::-moz-placeholder{color:#9ca3af;font-size:15px}.auth-input:-ms-input-placeholder{color:#9ca3af;font-size:15px}.auth-input::placeholder{color:#9ca3af;font-size:15px}.auth-input:hover,.auth-input:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(39,102,175,0.1)}.auth-input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.auth-password-wrapper{position:relative}.auth-password-wrapper .auth-input{padding-right:3rem}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#9ca3af;display:flex;align-items:center;line-height:1;width:auto;height:auto}.auth-password-toggle:hover{color:#6b7280}.auth-label-row{display:flex;justify-content:space-between;align-items:center}.auth-pw-hint{font-size:13px;line-height:1.5;margin:0;display:none;color:#6b7280}.auth-pw-hint.pw-weak{color:#ef4444 !important}.auth-checkbox-row{display:flex;align-items:flex-start;gap:10px}.auth-checkbox{flex-shrink:0;width:16px;height:16px;margin-top:3px;accent-color:var(--auth-blue);cursor:pointer}.auth-checkbox-label{font-size:14px;font-weight:400;color:#374151;line-height:1.5;cursor:pointer}.signup_link{color:var(--auth-blue);font-weight:600;font-size:14px}.signup_link:hover{color:var(--auth-blue-hover)}.auth-submit{width:100%;height:var(--auth-height);background-color:var(--auth-blue);color:#fff;font-size:16px;font-weight:500;letter-spacing:0;border:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color 0.15s ease;margin-top:8px;margin-bottom:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;box-sizing:border-box}.auth-submit span,.auth-submit *{font-size:16px;font-weight:500;font-family:inherit;color:inherit;line-height:1}.auth-submit:hover,.auth-submit:focus,.auth-submit:active{background-color:var(--auth-blue-hover);color:#fff;outline:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0 20px}.auth-divider-line{flex:1;height:1px;background-color:var(--auth-border)}.auth-divider-text{font-size:11px;font-weight:300;color:#9ca3af;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.auth-social{height:var(--auth-height);background:#fff;border:2px solid var(--auth-border);border-radius:var(--radius);color:#374151;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease;text-decoration:none}.auth-social span{font-size:15px;font-weight:500;color:inherit}.auth-social:hover{background:#f9fafb;border-color:#9ca3af}.auth-social svg{flex-shrink:0}.auth-social-grid a,.auth-social-grid button{height:var(--auth-height);background:#fff;border:2px solid var(--auth-border);border-radius:var(--radius);color:#374151;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease;text-decoration:none;width:100%;box-sizing:border-box}.auth-social-grid a:hover,.auth-social-grid button:hover{background:#f9fafb;border-color:#9ca3af}.auth-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--auth-input-radius);color:#dc2626;font-size:14px;padding:12px 16px}.auth-signup-row{text-align:center;font-size:14px;color:#6b7280}.auth-email-display{height:var(--auth-height);display:flex;align-items:center;padding:0 14px;border:2px solid var(--auth-border);border-radius:var(--auth-input-radius);color:#6b7280;font-size:15px;background:#f9fafb}.flash-notice-bar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 20px;background-color:#fffbeb;border-bottom:1px solid #fde68a;font-size:13.5px;font-weight:400;color:#78350f;line-height:1.5;box-sizing:border-box}.flash-notice-bar svg{flex-shrink:0;color:#d97706}@media only screen and (min-width: 1024px){.auth-right{display:flex;flex-direction:column;height:100svh;position:-webkit-sticky;position:sticky;top:0}.auth-section{flex:none;width:50%}}@media only screen and (max-width: 767px){.auth-section{padding:1.5rem}}@media only screen and (max-width: 480px){.auth-section{padding:1.25rem}.auth-field-row{grid-template-columns:1fr}.auth-social-grid{grid-template-columns:1fr}}.error-explanation{background-color:#ffe7e2;border:1px solid #dc3545;border-radius:var(--auth-input-radius);padding:12px 14px}.error-explanation h5{display:none}.error-explanation ul{margin:0;padding:0 0 0 18px;color:#b91c1c;font-size:14px}.error-explanation ul li{padding:3px 0;line-height:1.5}.auth-terms-group{display:flex;flex-direction:column;gap:6px}.auth-checkbox-row.is-invalid .auth-checkbox-label{color:#e53935}.auth-checkbox-row.is-invalid .auth-checkbox{outline:2px solid #e53935;border-radius:3px}.auth-card,.auth-card input,.auth-card button,.auth-card label{font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif}.auth-steps{top:10px}.auth-step-panel .auth-subtitle{margin-bottom:28px !important}.auth-step-panel .auth-title{margin-bottom:10px !important}.auth-type-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}.auth-type-option{position:relative;border:1.5px solid #dce8f8;border-radius:12px;padding:22px;text-align:left;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:16px;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.auth-type-option:hover{border-color:#93c5fd;background:#fafcff;box-shadow:0 4px 14px rgba(41,100,174,0.1);transform:translateY(-1px)}.auth-type-option.selected{border-color:var(--coggno-primary-blue);background:linear-gradient(150deg, #eef4ff 0%, #f8fbff 100%);box-shadow:0 0 0 3px rgba(41,100,174,0.14),0 6px 20px rgba(41,100,174,0.16);transform:translateY(-2px)}.auth-type-option::before{content:"";position:absolute;top:16px;right:16px;width:18px;height:18px;border-radius:50%;border:2px solid #d1d5db;background:#fff;transition:border-color var(--dur-base),background var(--dur-base),box-shadow var(--dur-base)}.auth-type-option:hover::before{border-color:#93c5fd}.auth-type-option.selected::before{border-color:var(--coggno-primary-blue);background:var(--coggno-primary-blue);box-shadow:inset 0 0 0 3px #fff}.auth-type-option-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--coggno-primary-blue);background:#e0edff;border:1px solid rgba(41,100,174,0.22);padding:3px 10px;border-radius:999px;white-space:nowrap;line-height:1.5;pointer-events:none}.auth-type-option.selected .auth-type-option-badge{background:#c7deff;border-color:rgba(41,100,174,0.35)}.auth-type-option-icon{width:42px;height:42px;border-radius:10px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:var(--coggno-primary-blue);flex-shrink:0;transition:background var(--dur-base),color var(--dur-base)}.auth-type-option.selected .auth-type-option-icon{background:var(--coggno-primary-blue);color:#fff}.auth-type-option-body{display:flex;flex-direction:column;gap:4px}.auth-type-option-title{font-size:15px;font-weight:600;color:var(--fg-1);line-height:1.2}.auth-type-option-desc{font-size:13px;color:#6b7280;line-height:1.4}.auth-type-option-perks{list-style:none;padding:14px 0 0;margin:0;border-top:1px solid #e8f0fc;display:flex;flex-direction:column;gap:8px}.auth-type-option.selected .auth-type-option-perks{border-top-color:rgba(41,100,174,0.18)}.auth-type-option-perks li{font-size:13px;color:#6b7280;line-height:1.35;padding-left:18px;position:relative}.auth-type-option-perks li::before{content:"✓";position:absolute;left:0;font-size:12px;font-weight:700;color:var(--coggno-primary-blue);line-height:1.35}.auth-type-option.selected .auth-type-option-perks li{color:#374151}.auth-type-trust{text-align:center;font-size:12px;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 20px}#step-2 .auth-input{height:48px !important;font-size:16px !important;font-weight:400 !important;border-width:1px !important;border-color:#d1d5db !important}#step-2 .auth-input::-moz-placeholder{font-size:16px !important;font-weight:400 !important;color:#9ca3af !important}#step-2 .auth-input:-ms-input-placeholder{font-size:16px !important;font-weight:400 !important;color:#9ca3af !important}#step-2 .auth-input::placeholder{font-size:16px !important;font-weight:400 !important;color:#9ca3af !important}#step-2 .auth-input:hover,#step-2 .auth-input:focus{border-color:var(--coggno-primary-blue) !important;box-shadow:0 0 0 2px rgba(41,100,174,0.12) !important}#step-2 .auth-input.is-invalid{border-color:#ef4444 !important;box-shadow:0 0 0 2px rgba(239,68,68,0.1) !important}#step-2 .auth-label{font-size:14px;font-weight:400;color:var(--fg-3)}#step-2 .auth-field-group{display:flex;flex-direction:column;gap:6px}#step-2 .auth-field{gap:18px !important}#step-2 .auth-social-grid a,#step-2 .auth-social-grid button{height:48px !important;border-width:1px !important;border-color:#d1d5db !important;font-size:16px !important;font-weight:500 !important}#step-2 .auth-social-grid{margin-bottom:20px !important}#step-2 .auth-divider{padding:20px 0 !important;margin:0 !important}#step-2 .auth-divider-text{color:#6b7280 !important;font-weight:400 !important}#step-2 .auth-submit{height:52px !important;margin-top:14px !important;margin-bottom:0 !important}#step-2 .auth-submit span,#step-2 .auth-submit *{font-size:16px !important}.auth-terms-group{margin-top:0}#step-2 .auth-signup-row,.auth-step-panel .auth-signup-row{font-size:13px}.auth-pw-hint{font-size:12px !important;line-height:1.45 !important;color:#6b7280 !important}.auth-notice{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;font-size:14px;color:#15803d;line-height:1.5}.auth-submit{background-color:var(--coggno-primary-blue) !important;transition:background-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast) !important}.auth-submit:hover:not(:disabled){background-color:#1e5496 !important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(41,100,174,0.25)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{background-color:#cbd5e0 !important;cursor:not-allowed;transform:none !important;box-shadow:none !important}.auth-right{background:var(--coggno-right-bg) !important}.auth-right::before,.auth-right::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-right::before{width:380px;height:380px;top:-100px;right:-100px;background:rgba(255,255,255,0.05)}.auth-right::after{width:240px;height:240px;bottom:-60px;left:-60px;background:rgba(255,255,255,0.04)}.auth-right-eyebrow{font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin:0 0 12px}.auth-right-trial-badge+.auth-right-eyebrow{margin-top:12px}.auth-right-headline{font-size:36px !important;font-weight:700 !important;line-height:1.15 !important;letter-spacing:-0.015em !important;margin:0 0 10px !important}.auth-right-sub{font-size:15px !important;line-height:1.6 !important;color:rgba(255,255,255,0.78) !important;margin:0 0 28px !important;max-width:400px !important}.auth-features{gap:18px !important}.auth-feature-icon{width:40px !important;height:40px !important}.auth-feature-title{font-size:16px !important;margin:0 0 4px !important}.auth-feature-desc{font-size:14px !important;color:rgba(255,255,255,0.65) !important}.auth-stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.12)}.auth-stat{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.13);border-radius:12px;padding:16px 8px;text-align:center;position:relative;overflow:hidden}.auth-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.28), rgba(255,255,255,0))}.auth-stat-num{font-size:22px;font-weight:700;color:#fff;line-height:1;margin-bottom:5px}.auth-stat-lbl{font-size:11px;color:rgba(255,255,255,0.6);line-height:1.3}.auth-testimonial{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:18px 20px;margin-top:32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-testimonial blockquote{margin:0 0 10px;font-size:14px;line-height:1.55;color:rgba(255,255,255,0.92);font-style:italic;font-weight:400}.auth-testimonial-attr{display:flex;align-items:center;gap:10px}.auth-testimonial-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg, #7aaaf5, #2964ae);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.auth-testimonial-name{font-size:13px;font-weight:600;color:#fff}.auth-testimonial-role{font-size:12px;color:rgba(255,255,255,0.6);margin-top:1px}.auth-right-trial-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,0.16);font-size:10px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#fff;margin-bottom:0}@media (max-width: 560px){.auth-type-options{grid-template-columns:1fr;padding-top:14px}.auth-type-option{padding:18px}}@media (min-width: 1440px){.auth-card{max-width:500px}.auth-right-sub{max-width:480px !important}}@media (min-width: 1600px){.auth-center{align-items:flex-start;padding-top:8vh}.auth-card{max-width:600px}.auth-right-content{justify-content:flex-start;padding-top:8vh;max-width:740px;margin-left:auto;margin-right:auto}.auth-right-headline{font-size:42px !important}.auth-right-sub{font-size:16px !important;max-width:560px !important}}
