.auto-review-page{--clr-primary:#1c3f7c;--clr-primary-dark:#14305e;--clr-primary-light:#3a6cc0;--clr-gold:#c9a227;--clr-gold-dark:#a6841a;--clr-dark:#1a2233;--clr-muted:#5f6b80;--clr-soft:#eef1f6;--clr-cyan:#c9a227;--clr-white:#fff;--clr-bg:#faf8f4;--clr-border:#1c3f7c1f;--clr-glass:#ffffffb8;--clr-glass-border:#fff9;--clr-success:#10b981;--clr-danger:#ef4444;--clr-warning:#f59e0b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 1px 3px #1a22330f;--shadow-md:0 4px 16px #1a223314;--shadow-lg:0 12px 40px #1a22331a;--shadow-xl:0 20px 60px #1c3f7c26;--shadow-glow:0 0 40px #1c3f7c33;--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);background:var(--clr-bg);z-index:50;min-height:calc(100vh - 80px);font-family:"DM Sans", var(--font-dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--clr-dark);flex-direction:column;display:flex;position:relative}.auto-review-page .bg-flat-grid{z-index:0;pointer-events:none;background-color:var(--clr-bg);background-image:linear-gradient(#1c3f7c1a 1px,#0000 1px),linear-gradient(90deg,#1c3f7c1a 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}.auto-review-page .bg-3d-wrap{z-index:0;pointer-events:none;perspective:300px;width:100%;height:55vh;position:absolute;bottom:0;left:0;overflow:hidden}.auto-review-page .bg-3d-grid{transform-origin:bottom;background-image:linear-gradient(#1c3f7c40 1px,#0000 1px),linear-gradient(90deg,#1c3f7c40 1px,#0000 1px);background-size:50px 50px;width:200%;height:100%;position:absolute;bottom:0;left:-50%;transform:rotateX(55deg)}.auto-review-page .site-header{z-index:10;text-align:center;margin-top:2rem;padding:0;position:relative}.auto-review-page .header-inner{max-width:680px;margin:0 auto;padding:4px 24px;animation:.8s ease-out ar-fadeInDown}.auto-review-page .logo-wrap{transition:transform var(--transition-base);flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;text-decoration:none;display:inline-flex}.auto-review-page .logo-wrap:hover{transform:scale(1.03)}.auto-review-page .logo-img{object-fit:contain;filter:drop-shadow(0 4px 12px #1c3f7c26);width:100px;height:100px;transition:transform var(--transition-bounce)}.auto-review-page .logo-wrap:hover .logo-img{transform:scale(1.08)rotate(-3deg)}.auto-review-page .logo-text{color:var(--clr-dark);letter-spacing:-.3px;font-size:28px;font-weight:800}.auto-review-page .site-title{font-family:"DM Sans", var(--font-dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--clr-dark);letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1.2}.auto-review-page .site-title .highlight{color:var(--clr-gold-dark)}.auto-review-page .site-subtitle{color:var(--clr-muted);font-size:15px;font-weight:400;line-height:1.5}.auto-review-page .main-content{z-index:15;flex:1;justify-content:center;align-items:center;margin-top:1rem;padding:0 20px 40px;display:flex;position:relative}.auto-review-page .app-container{width:100%;max-width:580px;animation:.6s ease-out .2s both ar-fadeInUp}.auto-review-page .glass-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:box-shadow var(--transition-base), transform var(--transition-base);background:#fff;border:1px solid #1c3f7c14;padding:36px 32px}.auto-review-page .glass-card:hover{box-shadow:var(--shadow-xl)}.auto-review-page .form-group{margin-bottom:24px}.auto-review-page .form-label{color:var(--clr-dark);letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.auto-review-page .form-label .label-icon{background:var(--clr-soft);vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:6px;font-size:11px;display:inline-flex}.auto-review-page .form-input{width:100%;color:var(--clr-dark);background:var(--clr-white);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);border:1px solid #1c3f7c40;outline:none;padding:14px 18px;font-size:15px;font-weight:500}.auto-review-page .form-input::placeholder{color:#9aa3b2;font-weight:400}.auto-review-page .form-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #1c3f7c26, var(--shadow-sm);transform:translateY(-1px)}.auto-review-page .mobile-course-select{display:none}.auto-review-page .desktop-course-select{display:block}.auto-review-page .mobile-course-select.placeholder{color:#9aa3b2;font-weight:400}.auto-review-page .custom-select{width:100%;position:relative}.auto-review-page .custom-select-trigger{width:100%;color:var(--clr-dark);background:var(--clr-white);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);text-align:left;border:1px solid #1c3f7c40;outline:none;align-items:center;padding:14px 44px 14px 18px;font-size:15px;font-weight:500;display:flex;position:relative}.auto-review-page .custom-select-trigger:hover{border-color:#1c3f7c66}.auto-review-page .custom-select.open .custom-select-trigger{border-color:var(--clr-primary);box-shadow:0 0 0 3px #1c3f7c26, var(--shadow-sm);border-bottom-right-radius:0;border-bottom-left-radius:0}.auto-review-page .select-value{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;flex:1;overflow:hidden}.auto-review-page .select-value.placeholder{color:#9aa3b2;font-weight:400}.auto-review-page .select-arrow{width:18px;height:18px;color:var(--clr-primary);transition:transform var(--transition-base);pointer-events:none;flex-shrink:0;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.auto-review-page .custom-select.open .select-arrow{transform:translateY(-50%)rotate(180deg)}.auto-review-page .custom-select-dropdown{border:1px solid var(--clr-primary);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:9999;background:#fff;border-top:1px solid #1c3f7c1a;animation:.2s ease-out ar-dropdownSlide;display:none;position:absolute;top:100%;left:-1px;right:-1px;overflow:hidden;box-shadow:0 12px 36px #1a223340}.auto-review-page .custom-select.open .custom-select-dropdown{display:block}@keyframes ar-dropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auto-review-page .select-option{cursor:pointer;transition:background var(--transition-base);background:#fff;border-bottom:1px solid #1c3f7c0f;flex-direction:column;gap:2px;padding:12px 18px;display:flex}.auto-review-page .select-option:last-child{border-bottom:none}.auto-review-page .select-option:hover{background:#eef1f6}.auto-review-page .select-option.selected{background:#e3eaf5}.auto-review-page .option-label{color:var(--clr-dark);font-size:15px;font-weight:600}.auto-review-page .option-desc{color:var(--clr-muted);font-size:12px;font-weight:400;line-height:1.3}.auto-review-page .select-option:hover .option-label{color:var(--clr-primary)}.auto-review-page .ar-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:10px;padding:15px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.auto-review-page .ar-btn:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#ffffff26 0%,#0000 100%);position:absolute;inset:0}.auto-review-page .ar-btn:hover:before{opacity:1}.auto-review-page .ar-btn-primary{background:linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));width:100%;color:var(--clr-white);padding:16px 28px;font-size:16px;box-shadow:0 8px 24px -6px #1c3f7c66}.auto-review-page .ar-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px -6px #1c3f7c80}.auto-review-page .ar-btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px -4px #1c3f7c59}.auto-review-page .ar-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auto-review-page .ar-btn-secondary{background:var(--clr-white);color:var(--clr-dark);border:2px solid var(--clr-border);box-shadow:var(--shadow-sm)}.auto-review-page .ar-btn-secondary:hover{border-color:var(--clr-primary);color:var(--clr-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auto-review-page .ar-btn-success{background:linear-gradient(135deg, var(--clr-success), #059669);color:var(--clr-white);box-shadow:0 8px 24px -6px #10b98166}.auto-review-page .ar-btn-success:hover{transform:translateY(-2px);box-shadow:0 14px 36px -6px #10b98180}.auto-review-page .btn-icon{flex-shrink:0;width:20px;height:20px}.auto-review-page .btn-group{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.auto-review-page .btn-group .btn-full{grid-column:1/-1}.auto-review-page .spinner{border:3px solid #ffffff40;border-top-color:var(--clr-white);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite ar-spin;display:inline-block}@keyframes ar-spin{to{transform:rotate(360deg)}}.auto-review-page .review-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.auto-review-page .review-label{color:var(--clr-dark);letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.auto-review-page .review-badge{background:var(--clr-soft);color:var(--clr-primary);border-radius:var(--radius-pill);border:1px solid var(--clr-border);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.auto-review-page .review-editor{width:100%;min-height:200px;color:var(--clr-dark);background:var(--clr-white);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-base), box-shadow var(--transition-base);border:2px solid #1c3f7c1f;outline:none;padding:18px 20px;font-size:15px;font-weight:400;line-height:1.7}.auto-review-page .review-editor:focus{border-color:var(--clr-primary);box-shadow:0 0 0 4px #1c3f7c14}.auto-review-page .char-counter{color:var(--clr-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;font-weight:500;display:flex}.auto-review-page .char-counter .count-num{color:var(--clr-primary);font-weight:700}.auto-review-page .modal-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);background:#1a223380;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out ar-fadeIn;display:flex;position:fixed;inset:0}.auto-review-page .modal-card{background:var(--clr-white);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-xl);text-align:center;padding:36px 32px;animation:.35s cubic-bezier(.34,1.56,.64,1) ar-popIn}.auto-review-page .modal-icon{background:var(--clr-soft);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.auto-review-page .modal-title{color:var(--clr-dark);margin-bottom:10px;font-size:20px;font-weight:800}.auto-review-page .modal-text{color:var(--clr-muted);margin-bottom:24px;font-size:14px;line-height:1.6}.auto-review-page .modal-steps{text-align:left;counter-reset:steps;margin:16px 0 24px;padding:0;list-style:none}.auto-review-page .modal-steps li{counter-increment:steps;color:var(--clr-dark);border-bottom:1px solid var(--clr-soft);align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;font-weight:500;display:flex}.auto-review-page .modal-steps li:last-child{border-bottom:none}.auto-review-page .modal-steps li:before{content:counter(steps);background:linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));width:28px;height:28px;color:var(--clr-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.auto-review-page .modal-btn-group{justify-content:center;gap:12px;display:flex}.auto-review-page .toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.auto-review-page .toast{background:var(--clr-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--clr-primary);color:var(--clr-dark);pointer-events:auto;align-items:center;gap:10px;max-width:380px;padding:14px 20px;font-size:14px;font-weight:600;animation:.4s ease-out ar-slideInRight;display:flex}.auto-review-page .toast.toast-success{border-left-color:var(--clr-success)}.auto-review-page .toast.toast-error{border-left-color:var(--clr-danger)}.auto-review-page .steps-bar{justify-content:center;align-items:center;gap:0;margin-bottom:28px;display:flex}.auto-review-page .step-item{align-items:center;gap:0;display:flex}.auto-review-page .step-dot{width:32px;height:32px;transition:all var(--transition-base);border:2px solid var(--clr-border);background:var(--clr-white);color:var(--clr-muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.auto-review-page .step-dot.active{background:linear-gradient(135deg, var(--clr-primary), var(--clr-primary-light));color:var(--clr-white);border-color:#0000;box-shadow:0 4px 14px #1c3f7c59}.auto-review-page .step-dot.done{background:var(--clr-success);color:var(--clr-white);border-color:#0000}.auto-review-page .step-line{background:var(--clr-border);width:48px;height:3px;transition:background var(--transition-base);border-radius:2px}.auto-review-page .step-line.active{background:linear-gradient(90deg, var(--clr-primary), var(--clr-primary-light))}.auto-review-page .skeleton-loader{padding:20px}.auto-review-page .skeleton-line{background:linear-gradient(90deg, var(--clr-soft) 25%, #e3e6ee 50%, var(--clr-soft) 75%);background-size:200% 100%;border-radius:6px;height:16px;margin-bottom:12px;animation:1.5s infinite ar-shimmer}.auto-review-page .skeleton-line:nth-child(2){width:92%}.auto-review-page .skeleton-line:nth-child(3){width:85%}.auto-review-page .skeleton-line:nth-child(4){width:95%}.auto-review-page .skeleton-line:nth-child(5){width:78%}.auto-review-page .skeleton-line:nth-child(6){width:88%}.auto-review-page .skeleton-line:nth-child(7){width:65%}@keyframes ar-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ar-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ar-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ar-popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ar-slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes ar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:640px){.auto-review-page .site-header{margin-top:0;padding:10px 16px 0}.auto-review-page .header-inner{padding:10px 0}.auto-review-page .main-content{margin-top:10px;padding-bottom:80px}.auto-review-page .logo-img{width:56px;height:56px}.auto-review-page .logo-text{font-size:22px}.auto-review-page .site-title{font-size:24px}.auto-review-page .site-subtitle{font-size:14px}.auto-review-page .main-content{padding:0 16px 32px}.auto-review-page .glass-card{border-radius:var(--radius-lg);padding:24px 20px}.auto-review-page .form-input{padding:12px 14px;font-size:14px}.auto-review-page .mobile-course-select{min-height:48px;color:var(--clr-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:block}.auto-review-page .desktop-course-select{display:none}.auto-review-page .ar-btn{padding:13px 20px;font-size:14px}.auto-review-page .ar-btn-primary{padding:14px 20px;font-size:15px}.auto-review-page .btn-group{grid-template-columns:1fr}.auto-review-page .review-editor{min-height:160px;padding:14px 16px;font-size:14px}.auto-review-page .toast-container{top:12px;left:12px;right:12px}.auto-review-page .toast{max-width:100%}.auto-review-page .modal-card{padding:28px 24px}.auto-review-page .steps-bar{gap:0}.auto-review-page .step-line{width:36px}.auto-review-page .step-dot{width:28px;height:28px;font-size:12px}}.auto-review-page .site-footer{z-index:10;text-align:center;padding:12px 24px 24px;position:relative}.auto-review-page .footer-inner{max-width:680px;margin:0 auto}.auto-review-page .footer-divider{background:linear-gradient(90deg, var(--clr-primary), var(--clr-cyan));border-radius:2px;width:60px;height:3px;margin:0 auto 20px}.auto-review-page .footer-brand{color:var(--clr-dark);margin-bottom:6px;font-size:15px;font-weight:700}.auto-review-page .footer-brand a{color:var(--clr-primary);transition:color var(--transition-base);text-decoration:none}.auto-review-page .footer-brand a:hover{color:var(--clr-primary-dark)}.auto-review-page .footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:10px;display:flex}.auto-review-page .footer-link{color:var(--clr-muted);transition:color var(--transition-base);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.auto-review-page .footer-link:hover{color:var(--clr-primary)}.auto-review-page .footer-link svg{width:14px;height:14px}.auto-review-page .footer-copy{color:#9aa3b2;margin-top:14px;font-size:12px;font-weight:500}
