@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@300..800&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap";.auth-input-wrap{position:relative;width:100%}.auth-input-wrap .auth-icon-left{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;display:flex;align-items:center;z-index:2;transition:color .2s ease}.auth-input-wrap:focus-within .auth-icon-left{color:#0284c7}.auth-input-wrap .auth-icon-right{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px;z-index:2;transition:color .15s ease,background .15s ease}.auth-input-wrap .auth-icon-right:hover{color:#0284c7;background:#f0f9ff}.auth-input{width:100%;padding:13px 44px;background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;font-family:inherit;font-size:.92rem;font-weight:500;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.auth-input:hover{border-color:#94a3b8}.auth-input:focus{border-color:#0284c7;box-shadow:0 0 0 3.5px #0284c726;background:#fff}.auth-input::placeholder{color:#94a3b8}.auth-input::-ms-reveal,.auth-input::-ms-clear,input::-ms-reveal,input::-ms-clear{display:none!important;width:0!important;height:0!important}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 50px #ffffff inset!important;-webkit-text-fill-color:#0f172a!important;transition:background-color 5000s ease-in-out 0s;border-radius:14px!important}.auth-submit-btn{width:100%;padding:13px 20px;background:linear-gradient(135deg,#0284c7,#03bfff);color:#fff;font-weight:750;font-size:.95rem;border-radius:14px;border:none;cursor:pointer;box-shadow:0 4px 14px #0284c74d;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-sizing:border-box}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0284c76b}.auth-submit-btn:active{transform:translateY(0)}.auth-split-box{width:100%;max-width:1060px;min-height:640px;background:var(--surface, #ffffff);border-radius:32px;box-shadow:0 24px 60px #001b3f1f;border:1px solid rgba(161,203,229,.4);position:relative;overflow:hidden;display:flex;z-index:10}.auth-panel{position:absolute;top:0;width:50%;height:100%;padding:40px 56px;display:flex;flex-direction:column;justify-content:center;background:var(--surface, #ffffff)}.auth-panel--login{left:0}.auth-panel--register{right:0}.auth-overlay{position:absolute;top:0;left:50%;width:50%;height:100%;background:linear-gradient(135deg,#001b3f,#0a2a55);overflow:hidden;z-index:30;box-shadow:0 0 40px #001b3f59;display:block;box-sizing:border-box}.auth-mobile-toggle{display:none;text-align:center;margin-top:18px;font-size:.88rem;color:var(--muted, #6B7280)}.auth-overlay-track{position:relative;width:200%;height:100%;display:flex;flex-wrap:nowrap}.auth-overlay-side{flex:0 0 50%;width:50%;max-width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 36px;text-align:center;color:#fff;box-sizing:border-box;overflow:hidden}.auth-overlay-side h2{font-size:1.6rem;font-weight:800;margin-bottom:16px;color:#fff;white-space:normal;word-break:break-word;line-height:1.3;width:100%;max-width:100%;text-align:center}.auth-overlay-side p{font-size:.95rem;color:#a1cbe5;line-height:1.6;max-width:360px;margin-bottom:32px}.auth-overlay-btn{padding:13px 36px;font-weight:800;font-size:.92rem;border-radius:999px;cursor:pointer;letter-spacing:.04em;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.auth-overlay-btn--filled{background:#a1cbe5;color:#001b3f;border:none;box-shadow:0 6px 20px #a1cbe559}.auth-overlay-btn--filled:hover{background:#fff;transform:translateY(-2px)}.auth-overlay-btn--outline{background:transparent;color:#a1cbe5;border:2px solid #A1CBE5}.auth-overlay-btn--outline:hover{background:#a1cbe5;color:#001b3f;transform:translateY(-2px)}@media (max-width: 768px){.auth-split-box{min-height:auto;border-radius:24px}.auth-panel{position:relative;width:100%;padding:32px 24px}.auth-overlay{display:none!important}.auth-mobile-toggle{display:block}}.auth-otp-page{min-height:calc(100vh - var(--header-h, 72px));width:100%;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative;background:#f8fafc;overflow:hidden;font-family:Be Vietnam Pro,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.auth-otp-glow-1{position:absolute;top:15%;left:20%;width:420px;height:420px;background:radial-gradient(circle,rgba(186,230,253,.5) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.auth-otp-glow-2{position:absolute;bottom:15%;right:20%;width:460px;height:460px;background:radial-gradient(circle,rgba(3,191,255,.22) 0%,transparent 70%);filter:blur(90px);pointer-events:none;z-index:0}.auth-otp-card{position:relative;z-index:10;width:100%;max-width:480px;background:#fff;border:1.5px solid #cbd5e1;border-radius:24px;padding:38px 36px 36px;box-shadow:0 16px 45px #0f172a12;display:flex;flex-direction:column;align-items:center;text-align:center}.auth-otp-logo-wrap{display:flex;justify-content:center;margin-bottom:20px}.auth-otp-logo{height:44px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(3,191,255,.18))}.auth-otp-icon-badge{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1.5px solid #bae6fd;color:#0284c7;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 8px 20px #0284c726}.auth-otp-title{font-size:1.55rem;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em}.auth-otp-desc{font-size:.88rem;color:#64748b;margin:0 0 16px;line-height:1.5}.auth-otp-email-chip{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:6px 14px;font-size:.82rem;color:#334155;margin-bottom:22px;max-width:100%}.auth-otp-email-chip strong{color:#0284c7;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-otp-change-btn{background:transparent;border:none;color:#64748b;font-size:.78rem;font-weight:650;text-decoration:underline;cursor:pointer;padding:0 0 0 4px;transition:color .15s ease}.auth-otp-change-btn:hover{color:#0f172a}.auth-otp-edit-email-box{width:100%;margin-bottom:20px;text-align:left}.auth-otp-edit-email-box label{display:block;font-size:.82rem;font-weight:700;color:#475569;margin-bottom:6px}.auth-otp-email-input{width:100%;padding:10px 14px;border:1.5px solid #cbd5e1;border-radius:10px;font-size:.88rem;font-family:inherit;color:#0f172a;outline:none;transition:all .2s ease;box-sizing:border-box}.auth-otp-email-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.auth-otp-digits-container{width:100%;margin-bottom:22px}.auth-otp-digits-label{display:block;font-size:.84rem;font-weight:700;color:#475569;text-align:left;margin-bottom:10px}.auth-otp-digits-row{display:flex;justify-content:space-between;gap:8px}.auth-otp-digit-slot{flex:1;height:58px;max-width:58px;text-align:center;font-size:1.6rem;font-weight:800;color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;outline:none;transition:all .18s ease;box-sizing:border-box}.auth-otp-digit-slot:hover{border-color:#94a3b8}.auth-otp-digit-slot:focus{border-color:#0284c7;box-shadow:0 0 0 3.5px #0284c72e;transform:translateY(-2px)}.auth-otp-digit-slot.has-value{border-color:#0284c7;background:#f0f9ff;color:#0369a1}.auth-otp-alert{width:100%;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:12px;font-size:.84rem;font-weight:600;margin-bottom:18px;box-sizing:border-box;text-align:left}.auth-otp-alert.error{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626}.auth-otp-alert.success{background:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534}.auth-otp-submit-btn{width:100%;padding:13px 20px;background:linear-gradient(135deg,#0284c7,#03bfff);color:#fff;font-weight:750;font-size:.95rem;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #0284c74d;transition:all .2s ease}.auth-otp-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0284c76b}.auth-otp-submit-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none}.auth-otp-resend-row{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem}.auth-otp-resend-btn{background:transparent;border:none;color:#0284c7;font-weight:700;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;transition:all .15s ease}.auth-otp-resend-btn:hover:not(:disabled){background:#f0f9ff;color:#0369a1}.auth-otp-resend-btn:disabled{color:#94a3b8;cursor:not-allowed}.auth-otp-cooldown-badge{display:inline-flex;align-items:center;gap:5px;background:#f1f5f9;border:1px solid #e2e8f0;padding:5px 10px;border-radius:8px;color:#64748b;font-size:.82rem;font-weight:650}.auth-otp-footer-link{margin-top:24px;display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:.86rem;font-weight:600;text-decoration:none;transition:color .15s ease}.auth-otp-footer-link:hover{color:#0284c7}@media (max-width: 480px){.auth-otp-card{padding:28px 20px}.auth-otp-digit-slot{height:50px;font-size:1.35rem}}:root{--primary: #03BFFF;--primary-strong: #00A6E0;--primary-soft: #E6F8FF;--secondary: #001B3F;--secondary-soft: #0A2A55;--navy: #001B3F;--navy-soft: #0A2A55;--footer-bg: #ACD9FF;--footer-text: #46587a;--footer-link: #51607f;--footer-heading: #16306a;--footer-border: #aec6ef;--footer-social-bg: var(--secondary);--footer-glow: 0;--ease-out: cubic-bezier(.22,.61,.36,1);--ease-spring: cubic-bezier(.34,1.4,.5,1);--surface: #FFFFFF;--surface-2: #FBFCFE;--surface-glass: rgba(255,255,255,.72);--surface-glass-border: rgba(255,255,255,.65);--ink: #1B1D21;--white: #FFFFFF;--bg-app: #F7F9FC;--border: #E5E7EB;--muted: #6B7280;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--success-soft: #E9FBEF;--warning-soft: #FEF6E7;--error-soft: #FDECEC;--grad-primary: linear-gradient(135deg, #03BFFF 0%, #0085FF 100%);--grad-brand: linear-gradient(135deg, #03BFFF 0%, #6A8BFF 55%, #001B3F 120%);--grad-text: linear-gradient(120deg, #03BFFF 0%, #0085FF 50%, #5B6BFF 100%);--glow-primary: 0 0 0 1px rgba(3,191,255,.25), 0 10px 30px rgba(3,191,255,.35);--home-blue: #0088cc;--home-cta-gradient: linear-gradient(135deg, var(--primary) 0%, var(--home-blue) 100%);--home-violet: #8b5cf6;--home-heading-gradient: linear-gradient(120deg, var(--primary) 0%, var(--home-blue) 40%, var(--home-violet) 100%);--home-bg: #f8fafc;--home-heading: #0c182c;--home-text: #0f172a;--home-muted: #475569;--home-border: #e2e8f0;--home-ice: #f0f9ff;--home-link: #0284c7;--home-font: "Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--home-card-radius: clamp(18px, 1.8vw, 24px);--home-button-radius: 14px;--home-ease: cubic-bezier(.16, 1, .3, 1);--r-card: 16px;--r-btn: 12px;--r-input: 12px;--r-modal: 20px;--r-pill: 999px;--s1: 8px;--s2: 16px;--s3: 24px;--s4: 32px;--s5: 48px;--s6: 64px;--s7: 96px;--sh-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);--sh-md: 0 4px 12px rgba(16,24,40,.06), 0 2px 6px rgba(16,24,40,.04);--sh-lg: 0 12px 32px rgba(16,24,40,.1), 0 4px 12px rgba(16,24,40,.06);--sh-primary: 0 8px 24px rgba(3,191,255,.3);--maxw: 1200px;--header-h: 72px;--fs-h1: clamp(2.2rem, 4.4vw, 3.4rem);--fs-h2: clamp(1.7rem, 3vw, 2.4rem);--fs-h3: 1.25rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .78rem;color-scheme:light}[data-theme=dark]{color-scheme:dark;--primary: #03BFFF;--primary-strong: #5BD8FF;--primary-soft: rgba(3,191,255,.16);--secondary: #EAF1FB;--secondary-soft: #C2D0E8;--navy: #0B1B33;--navy-soft: #12294A;--footer-bg: #0C1D38;--footer-text: #AEBCD4;--footer-link: #93A2BC;--footer-heading: #EAF1FB;--footer-border: rgba(255,255,255,.1);--footer-social-bg: rgba(255,255,255,.07);--footer-glow: 1;--surface: #0F1A2C;--surface-2: #142235;--surface-glass: rgba(20,32,52,.55);--surface-glass-border: rgba(255,255,255,.08);--ink: #DCE4F1;--white: #070D18;--bg-app: #0A1120;--border: #223149;--muted: #93A2B8;--success-soft: rgba(34,197,94,.16);--warning-soft: rgba(245,158,11,.16);--error-soft: rgba(239,68,68,.16);--sh-sm: 0 1px 2px rgba(0,0,0,.45);--sh-md: 0 6px 18px rgba(0,0,0,.45);--sh-lg: 0 18px 44px rgba(0,0,0,.55);--sh-primary: 0 10px 30px rgba(3,191,255,.32);--grad-text: linear-gradient(120deg, #4FD6FF 0%, #38B6FF 50%, #8AA0FF 100%)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Be Vietnam Pro,Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--white);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}input,select,textarea,button,option,label{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}a{color:var(--primary-strong);text-decoration:none}a:hover{text-decoration:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:Be Vietnam Pro,Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--secondary);line-height:1.2;font-weight:700}h3{font-weight:600;font-size:var(--fs-h3)}svg{display:block}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--s3)}.section{padding-block:var(--s7)}.section--tight{padding-block:var(--s6)}.text-center{text-align:center}.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary-strong);font-weight:600;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;background:var(--primary-soft);padding:6px 14px;border-radius:var(--r-pill)}.section-head{max-width:720px;margin:0 auto var(--s5);text-align:center}.section-head h2{font-size:var(--fs-h2);margin-bottom:var(--s2)}.section-head p{color:var(--muted);font-size:1.05rem}.grid{display:grid;gap:var(--s3)}body,.site-header,.card,.feature-card,.price-card,.auth-card,.chat-room,.input,.select,.textarea,.dropdown,.site-footer,.mobile-menu .panel,.app-bg,.stat-card,.star-item,.table-wrap{transition:background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease}@keyframes blob-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes ping-glow{0%{box-shadow:0 0 #03bfff66}70%{box-shadow:0 0 0 10px #03bfff00}to{box-shadow:0 0 #03bfff00}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-md);padding:var(--s3)}.card-pad-lg{padding:var(--s4)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;padding:5px 12px;border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary-strong)}.badge--success{background:var(--success-soft);color:#15803d}.badge--warning{background:var(--warning-soft);color:#b45309}.badge--error{background:var(--error-soft);color:#b91c1c}.badge--navy{background:var(--navy);color:#fff}.progress{width:100%;height:10px;background:var(--border);border-radius:var(--r-pill);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-strong));border-radius:var(--r-pill);transition:width .4s ease}.icon-chip{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary-strong);flex-shrink:0}.icon-chip svg{width:26px;height:26px}.icon-chip--navy{background:var(--navy);color:var(--primary)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-card)}table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.tbl th,table.tbl td{padding:14px 18px;text-align:left}table.tbl thead th{background:var(--bg-app);color:var(--muted);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}table.tbl tbody tr{border-top:1px solid var(--border)}table.tbl tbody tr:hover{background:var(--bg-app)}.divider{display:flex;align-items:center;gap:var(--s2);color:var(--muted);font-size:var(--fs-sm);margin:var(--s3) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;font-size:var(--fs-sm, .92rem);line-height:1.4;padding:12px 22px;border-radius:var(--r-btn, 12px);border:1.5px solid transparent;transition:all .2s ease;white-space:nowrap;text-decoration:none;cursor:pointer;box-sizing:border-box}.btn svg{width:18px;height:18px;flex-shrink:0;display:inline-block}.btn-primary{background:var(--grad-primary, linear-gradient(135deg, #03BFFF 0%, #0090FF 100%));color:var(--navy, #001B3F);font-weight:700;box-shadow:var(--sh-primary, 0 4px 14px rgba(3, 191, 255, .35));position:relative;overflow:hidden}.btn-primary:hover{color:var(--navy, #001B3F);transform:translateY(-2px);box-shadow:0 8px 24px #03bfff73}.btn-secondary{background:var(--navy, #001B3F);color:#fff;box-shadow:var(--sh-sm, 0 2px 8px rgba(0, 27, 63, .15))}.btn-secondary:hover{background:var(--navy-soft, #00285a);transform:translateY(-2px);color:#fff;box-shadow:var(--sh-md, 0 4px 16px rgba(0, 27, 63, .25))}.btn-ghost{background:transparent;color:var(--secondary, #475569);border-color:var(--border, #E2E8F0)}.btn-ghost:hover{border-color:var(--primary, #03BFFF);color:var(--primary-strong, #0070E0);background:var(--primary-soft, rgba(3, 191, 255, .08));transform:translateY(-1px)}.btn:disabled,.btn.disabled{background:var(--border, #E2E8F0);color:var(--muted, #94A3B8);box-shadow:none;cursor:not-allowed;pointer-events:none;border-color:transparent}.btn-lg{padding:14px 28px;font-size:1rem}.btn-block{width:100%}