@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#fafafa,#f5f5f5);color:#171717;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(14,165,233,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,#0a0a0a,#171717);color:#f5f5f5}body:before{background:radial-gradient(circle at 25% 25%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.08) 0%,transparent 50%)}}.btn-optimize{background:linear-gradient(135deg,#0ea5e9,#a855f7);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);box-shadow:0 4px 15px #0ea5e94d}.btn-optimize:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-optimize:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0ea5e966,0 0 20px #a855f74d;background:linear-gradient(135deg,#0284c7,#9333ea)}.btn-optimize:hover:before{left:100%}.btn-optimize:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #0ea5e966;transition:all .1s ease}.tab-button{position:relative;padding:14px 28px;font-weight:500;color:#525252;background:linear-gradient(145deg,#fffc,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.5);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.tab-button:before{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#a855f7);transition:width .3s ease}.tab-button:hover{color:#171717;background:linear-gradient(145deg,#fffffff2,#f8fafcf2);border-color:#0ea5e94d;transform:translateY(-1px);box-shadow:0 4px 15px #0ea5e91a}.tab-button.active{color:#171717;background:linear-gradient(145deg,#fff,#f8fafc);border-color:#0ea5e980;box-shadow:0 4px 20px #0ea5e926,inset 0 1px #ffffffe6;transform:translateY(-2px)}.tab-button.active:before{width:100%}.tab-button.active:hover{background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 6px 25px #0ea5e933,inset 0 1px #ffffffe6}.spinner{width:24px;height:24px;border:3px solid transparent;border-radius:50%;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#0ea5e9,#a855f7,#0ea5e9) border-box;animation:spin 1.5s linear infinite,pulse 2s ease-in-out infinite;display:inline-block;position:relative}.spinner:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:linear-gradient(135deg,#0ea5e9,#a855f7);border-radius:50%;transform:translate(-50%,-50%);animation:innerPulse 1s ease-in-out infinite alternate}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes innerPulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}details[open] summary .fa-chevron-down{transform:rotate(180deg)}.segmented-control{display:inline-flex;background-color:#f3f4f6;border-radius:12px;padding:4px;position:relative}.segmented-option{position:relative;padding:8px 16px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;z-index:2}.segmented-option.active{color:#1f2937;background-color:#fff;box-shadow:0 2px 4px #00000026}.segmented-option:hover:not(.active){color:#1f2937;background-color:#f9fafb}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:12px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:hover{background-color:#2563eb}.toggle-switch:hover .toggle-slider{background-color:#93c5fd}.toggle-switch:hover input:checked+.toggle-slider{background-color:#2563eb}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#374151}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26875e}.smart-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.smart-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.gradient-text{background:linear-gradient(135deg,#0ea5e9,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.smart-border{position:relative;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#0ea5e94d,#a855f74d) border-box}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.success-animation{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.smart-card{background:linear-gradient(145deg,#ffffffe6,#f8fafce6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.5);box-shadow:0 4px 15px #0000000d,inset 0 1px #ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1)}.smart-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000001a,inset 0 1px #ffffffe6}@media (max-width: 768px){.tab-button{padding:12px 20px;font-size:14px}.segmented-option{padding:8px 14px;font-size:13px}.btn-optimize{padding:12px 24px;font-size:16px}}@media (prefers-reduced-motion: reduce){.btn-optimize,.tab-button,.segmented-option,.toggle-slider,.toggle-slider:before{transition:none}.spinner{animation:none}}@media (prefers-contrast: high){.tab-button{border-width:2px}.tab-button.active{border-color:#000;box-shadow:none}.segmented-option.active{border:2px solid #000}}