:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:#0f172a;background:radial-gradient(circle at top,rgba(125,173,255,.15),transparent 34%),linear-gradient(180deg,#f6f8fb,#eef2f7 52%,#edf3f8);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--text: #425466;--text-strong: #0f172a;--text-soft: #6b7a90;--accent-strong: #2563eb;--font-display: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}a{color:inherit}.app-shell{position:relative;min-height:100vh;padding:32px 0 72px;overflow:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(110px);pointer-events:none;opacity:.5}.ambient-a{top:-80px;right:-40px;width:300px;height:300px;background:#5ca2ff2e}.ambient-b{left:-120px;bottom:120px;width:360px;height:360px;background:#5bd6c729}.container{position:relative;z-index:1;width:min(100%,1180px);margin:0 auto;padding:0 24px}.topbar,.hero-panel,.surface,.auth-card,.editor-card{animation:rise-in .5s ease both}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.brandmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brandmark-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#111827,#334155);color:#fff;font-weight:700;box-shadow:0 18px 40px #0f172a2e}.brandmark-text{color:var(--text-strong);font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:-.03em;transition:color .2s ease}.topbar-actions{display:flex;align-items:center;gap:10px}.nav-chip,.section-tag,.signed-in-chip,.offer-chip,.save-hint{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:600}.nav-chip{border:1px solid rgba(148,163,184,.22);background:#ffffffb3;color:var(--text-strong);text-decoration:none;cursor:pointer}.nav-chip-strong{background:#111827;color:#fff}.hero-panel,.surface,.auth-card,.editor-card,.summary-card,.stat-card,.highlight-banner,.result-card,.status-banner,.schedule-card{border:1px solid rgba(255,255,255,.45);background:#ffffffbd;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 60px #0f172a14}.hero-panel,.surface,.highlight-banner{border-radius:32px}.hero-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;padding:36px;margin-bottom:24px}.hero-panel-single{grid-template-columns:1fr}.admin-hero{grid-template-columns:1.3fr .7fr}.hero-copy-block{display:grid;gap:16px}.eyebrow,.card-kicker{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:600;color:var(--text-soft)}.hero-title{margin:0;font-family:var(--font-display);color:var(--text-strong);font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.04em;font-weight:700;transition:all .3s ease}.hero-description{max-width:600px;margin:0;font-family:var(--font-body);color:var(--text);font-size:.95rem;line-height:1.6;font-weight:400}.stat-grid,.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.summary-card{display:grid;gap:8px;padding:18px;border-radius:24px}.stat-card strong,.summary-card strong{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-strong)}.stat-card span,.summary-card span{font-family:var(--font-body);color:var(--text-soft);font-size:.88rem;font-weight:500}.summary-card.dark{background:linear-gradient(145deg,#0f172ae0,#1e293bd6)}.summary-card.dark strong,.summary-card.dark span{color:#f8fafc}.admin-stat-column{display:grid;gap:12px}.auth-card,.surface{padding:24px}.auth-card{border-radius:28px;display:grid;align-content:start;gap:14px}.auth-card h2,.section-head h2,.highlight-banner h3,.empty-state h3,.result-meta h3{margin:0;font-family:var(--font-display);color:var(--text-strong);font-weight:600}.auth-card p,.result-meta p,.empty-state p,.history-item p,.schedule-card p{margin:0;font-family:var(--font-body);color:var(--text);line-height:1.65;font-weight:400}.field-stack,.editor-fields{display:grid;gap:12px}.field{display:grid;gap:8px}.field span{font-family:var(--font-body);color:var(--text-soft);font-size:.84rem;font-weight:600}.field input,.field select{font-family:var(--font-body);width:100%;min-width:0;padding:14px 16px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#ffffffdb;color:var(--text-strong);outline:none;transition:all .2s ease}.field input:focus,.field select:focus,.currency-shell input:focus{border-color:#2563eb66;box-shadow:0 0 0 4px #3b82f61f}.auth-actions,.result-actions,.quick-row{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.ghost-button,.quick-pill,.pill-button{border:none;border-radius:999px;padding:13px 18px;font:inherit;font-weight:600;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.primary-button{background:linear-gradient(145deg,#111827,#334155);color:#fff;box-shadow:0 18px 34px #0f172a2e}.ghost-button,.quick-pill,.pill-button{background:#ffffffc7;border:1px solid rgba(148,163,184,.22);color:var(--text-strong)}.ghost-button.solid{background:#fff}.primary-button:hover,.ghost-button:hover,.quick-pill:hover,.pill-button:hover,.nav-chip:hover{transform:translateY(-2px)}.primary-button:active,.ghost-button:active,.quick-pill:active,.pill-button:active{transform:translateY(0);transition-duration:.1s}.primary-button.compact{padding:10px 14px}.compare-action{width:100%;justify-content:center}.dev-otp-banner,.status-inline{border-radius:18px;padding:12px 14px;font-size:.9rem}.dev-otp-banner{background:#1118270f;color:var(--text-strong)}.status-inline.success,.status-banner.success{background:#10b9811f;color:#065f46}.status-inline.error{background:#ef44441f;color:#991b1b}.status-banner.warning{background:#fbbf241f;color:#92400e}.status-banner{margin-bottom:18px;border-radius:22px;padding:16px 18px;color:var(--text-strong);font-weight:600}.surface{margin-bottom:18px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:28px}.section-tag{background:#1118270f;color:var(--text-soft)}.section-tag.accent{background:#10b98124;color:#047857}.category-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.pill-button{display:inline-flex;align-items:center;gap:8px;padding-inline:16px}.pill-button.active{background:#111827;color:#fff;box-shadow:0 18px 34px #0f172a29}.calculator-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:28px}.calculator-grid-single{grid-template-columns:1fr}.amount-card,.insight-card,.schedule-card{border-radius:28px;padding:28px}.amount-field{gap:10px}.currency-shell{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 14px;border-radius:24px;background:#ffffffd9;border:1px solid rgba(148,163,184,.22);transition:all .2s cubic-bezier(.4,0,.2,1)}.currency-shell:hover{border-color:#2563eb4d;box-shadow:0 4px 12px #0f172a14}.currency-shell span{font-size:1.6rem;color:var(--text-strong);transition:color .2s ease}.currency-shell input{font-family:var(--font-display);border:none;background:transparent;padding:10px 0;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--text-strong);outline:none;font-weight:700;transition:all .2s ease}.feature-list{margin:0;padding-left:18px;color:var(--text);line-height:1.8}.results-surface{scroll-margin-top:24px}.highlight-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;margin-bottom:24px}.highlight-banner p{color:var(--text)}.result-grid,.history-list,.admin-editor-grid,.admin-overview-grid{display:grid;gap:14px}.result-card,.editor-card,.history-item,.empty-state{border-radius:26px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.result-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0f172a1f}.result-card.best{border-color:#10b98138;background:linear-gradient(145deg,#10b98105,#10b9810d)}.result-card.best:hover{transform:translateY(-3px);box-shadow:0 25px 50px #10b98126}.result-card-top,.history-item{display:flex;align-items:center;justify-content:space-between;gap:14px}.result-logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;box-shadow:0 14px 28px #0f172a24;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.result-logo img{width:32px;height:32px;object-fit:contain;border-radius:8px}.result-meta{flex:1;min-width:0}.result-value{text-align:right;min-width:96px}.result-value strong,.history-value{font-family:var(--font-display);color:var(--text-strong);font-size:1.18rem;font-weight:700}.history-value-small{font-size:.82rem;color:var(--text-soft)}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.offer-chip.cashback{background:#10b9811f;color:#047857}.offer-chip.scratch,.offer-chip.coins{background:#fbbf2426;color:#92400e}.offer-chip.none,.save-hint{background:#94a3b81f;color:var(--text-soft)}.summary-card,.stat-card,.result-card,.editor-card,.history-item,.empty-state,.amount-card,.insight-card,.schedule-card{border:1px solid rgba(255,255,255,.48)}.signed-in-summary{display:grid;gap:10px}.signed-in-chip{background:#1118270f;color:var(--text-strong);justify-content:flex-start}.empty-state{background:#fff9}.account-surface .history-list{margin-top:16px}.history-item{background:#ffffff9e}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.editor-card{background:#ffffffad}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.container{width:min(100%,1024px)}.hero-title{font-size:clamp(2rem,4.5vw,3.8rem)}}@media (max-width: 980px){.hero-panel,.calculator-grid,.admin-overview-grid,.admin-editor-grid,.summary-grid,.stat-grid{grid-template-columns:1fr}.highlight-banner,.result-footer,.section-head,.result-card-top{align-items:flex-start;flex-direction:column}.result-value{text-align:left}.hero-title{font-size:clamp(1.8rem,4vw,2.8rem)}.currency-shell input{font-size:clamp(1.4rem,3.5vw,2rem)}}@media (max-width: 640px){.app-shell{padding-top:16px}.container{padding:0 14px}.topbar,.topbar-actions,.auth-actions,.result-actions{flex-direction:column;align-items:stretch}.hero-panel,.auth-card,.surface,.highlight-banner,.result-card,.editor-card{border-radius:24px;padding:18px}.brandmark{align-self:flex-start}.nav-chip,.primary-button,.ghost-button{width:100%;justify-content:center}.hero-title{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.1}.hero-description{font-size:.95rem;line-height:1.6}.currency-shell input{font-size:clamp(1.2rem,4vw,1.6rem)}.stat-card strong,.summary-card strong{font-size:1.2rem}.stat-card span,.summary-card span{font-size:.82rem}.result-value strong,.history-value,.brandmark-text{font-size:1rem}.eyebrow,.card-kicker{font-size:.7rem}}
