@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");:root{--font-primary:"Plus Jakarta Sans",sans-serif;--font-display:"Outfit",sans-serif;--bg-base:#0b0f19;--bg-surface:rgba(17,24,39,.7);--bg-card:rgba(31,41,55,.45);--border-color:hsla(0,0%,100%,.08);--border-focus:rgba(99,102,241,.6);--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-accent:#10b981;--color-accent-blue:#06b6d4;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-inverse:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-glass:0 8px 32px 0 rgba(0,0,0,.37);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);background-image:radial-gradient(at 0 0,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.1) 0,transparent 50%);background-attachment:fixed;color:var(--text-main);font-family:var(--font-primary);line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:80px}.container{max-width:1100px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:40px}h1{font-family:var(--font-display);font-size:3rem;font-weight:700;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em;margin-bottom:8px}.subtitle{font-size:1.1rem;color:var(--text-muted);font-weight:400}.card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-glass);margin-bottom:24px;transition:transform .2s ease,border-color .2s ease}.grid-layout{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.grid-layout{grid-template-columns:1.2fr 1.8fr}}h2{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:8px}.form-group,h2{margin-bottom:16px}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}input,select{width:100%;padding:12px 16px;background:rgba(31,41,55,.6);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-primary);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,.25)}.card-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;padding-right:4px}.card-item{display:flex;align-items:center;padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .2s ease,background .2s ease}.card-item:hover{border-color:rgba(99,102,241,.4);background:rgba(99,102,241,.05)}.card-item.selected{border-color:var(--color-primary);background:rgba(99,102,241,.1)}.checkbox-custom{width:18px;height:18px;border-radius:4px;border:2px solid var(--text-muted);margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.card-item.selected .checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-custom:after{content:"";width:5px;height:9px;border:solid var(--text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s ease;margin-bottom:2px}.card-item.selected .checkbox-custom:after{transform:rotate(45deg) scale(1)}.card-info{display:flex;flex-direction:column}.card-name{font-weight:600;font-size:.95rem}.card-meta{font-size:.8rem;color:var(--text-muted)}.result-box{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(6,182,212,.05));border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.08);padding-bottom:16px}.badge{background:var(--color-accent);color:var(--bg-base);font-weight:700;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-points{background:var(--color-accent-blue)}.val-display{text-align:right}.val-amount{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--text-main);line-height:1}.val-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;margin-top:4px}.explanation-text{font-size:1.05rem;color:var(--text-main);margin-bottom:8px;line-height:1.6}.alternatives-container{display:flex;flex-direction:column;gap:12px}.alt-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:hsla(0,0%,100%,.02);border:1px solid var(--border-color);border-radius:var(--radius-md)}.alt-name{font-weight:600;font-size:.95rem}.alt-value{font-family:var(--font-display);font-weight:700;color:var(--text-main)}.loading-container{display:flex;align-items:center;justify-content:center;height:200px;font-size:1.2rem;color:var(--text-muted)}.empty-state{padding:40px}.empty-state,.site-footer{text-align:center;color:var(--text-muted)}.site-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--border-color);font-size:.85rem}