:root{--bg:#FAFCFF;--white:#FFFFFF;--primary:#2563EB;--primary-hover:#1D4ED8;--primary-10:rgba(37,99,235,.06);--primary-15:rgba(37,99,235,.1);--success:#10B981;--success-hover:#059669;--success-10:rgba(16,185,129,.08);--accent:#F59E0B;--accent-bg:#FFFBEB;--accent-border:#FDE68A;--text:#111827;--text-secondary:#6B7280;--text-tertiary:#9CA3AF;--border:#E5E7EB;--input-border:#D1D5DB;--error:#EF4444;--font:"Manrope",system-ui,sans-serif;--font-serif:"Newsreader",Georgia,serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:var(--primary-15);color:var(--primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-10)!important}textarea{resize:vertical;min-height:70px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes progressGlow{0%,to{box-shadow:0 0 8px #10b9814d}50%{box-shadow:0 0 16px #10b98180}}@keyframes checkDraw{0%{stroke-dashoffset:16}to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.fade-up-1{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) .05s both}.fade-up-2{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) .1s both}.fade-up-3{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) .15s both}.slide-right{animation:slideRight .5s cubic-bezier(.16,1,.3,1) .15s both}.btn{font-family:var(--font);font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:active{transform:scale(.97)!important}.btn-primary{background:var(--primary);color:#fff;padding:11px 22px;border-radius:12px;font-size:14px;box-shadow:0 1px 3px #2563eb33,0 4px 12px #2563eb1a}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb40,0 8px 24px #2563eb26}.btn-success{background:var(--success);color:#fff;padding:11px 22px;border-radius:12px;font-size:14px;box-shadow:0 1px 3px #10b98133}.btn-success:hover{background:var(--success-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:11px 22px;border-radius:12px;font-size:14px;border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--text-tertiary);color:var(--text)}.btn-sm{padding:7px 14px;font-size:12px;border-radius:8px}.card{background:var(--white);border-radius:16px;border:1px solid var(--border);box-shadow:0 1px 3px #00000008}.paper{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a,0 16px 40px #0000000f;border:1px solid rgba(0,0,0,.06)}.nav-link{position:relative;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:6px 0;transition:color .2s;cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);border-radius:1px;transition:width .25s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--text)}.nav-link:hover:after{width:100%}.tip-box{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;padding:14px 18px;display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.65;color:#92400e;margin-top:16px}.preview-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #F3F4F6;transition:all .35s ease}.preview-section:last-child{border-bottom:none}.preview-section.active{background:#2563eb06;margin-left:-16px;margin-right:-16px;padding:10px 16px 12px;border-radius:8px;border-bottom-color:transparent}.input-base{width:100%;padding:10px 14px;border-radius:9px;border:1.5px solid var(--input-border);font-size:14px;font-family:var(--font);color:var(--text);background:#fff;line-height:1.5;transition:border-color .2s,box-shadow .2s}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-tertiary);font-weight:500;pointer-events:none}@media (max-width:960px){.desktop-only{display:none!important}}@media (min-width:961px){.mobile-only{display:none!important}}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}.btn:focus-visible{box-shadow:0 0 0 3px var(--primary-10),0 0 0 5px var(--primary)!important}a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--border:#000;--input-border:#000;--text-secondary:#333;--text-tertiary:#555}}