@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500&display=swap";:root{--primary: #f87171;--primary-light: rgba(248, 113, 113, .1);--secondary: #059669;--secondary-light: rgba(5, 150, 105, .1);--secondary-accent: rgba(5, 150, 105, .2);--bg: #ffffff;--card-bg: rgba(249, 250, 251, .7);--hover-bg: rgba(249, 250, 251, .9);--hover-btn-bg: rgba(248, 113, 113, .15);--hover-btn-secondary-bg: rgba(5, 150, 105, .15);--accent: rgba(248, 113, 113, .2);--text: #1f2937;--text-secondary: #4b5563;--border: rgba(248, 113, 113, .1);--border-secondary: rgba(5, 150, 105, .1);--text-input: rgba(248, 113, 113, .3);--chart-grid: rgba(248, 113, 113, .1);--gradient-start: #fcfafa;--gradient-end: #f8f7f7;--noise-opacity: .9;--card-bg: rgba(255, 255, 255, .8);--card-bg-solid: rgba(255, 255, 255);--card-shadow: 0 20px 40px rgba(0, 0, 0, .1)}.dark{--bg: #0a0a0a;--card-bg: rgba(28, 28, 28, .85);--card-bg-solid: rgba(28, 28, 28);--hover-bg: rgba(31, 31, 31, .3);--text: #f1f5f9;--text-secondary: rgba(241, 245, 249, .5);--border: rgba(248, 113, 113, .03);--border-secondary: rgba(5, 150, 105, .03);--text-input: rgba(248, 113, 113, .03);--chart-grid: rgba(248, 113, 113, .03);--secondary: #10b981;--secondary-light: rgba(16, 185, 129, .1);--secondary-accent: rgba(16, 185, 129, .2);--hover-btn-secondary-bg: rgba(16, 185, 129, .15);--gradient-start: #111111;--gradient-end: #0a0a0a;--noise-opacity: .2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column;line-height:1.5;transition:background-color .3s ease;min-height:100vh;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:var(--noise-opacity);z-index:-1;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary)}a.attention{color:var(--primary);position:relative;text-decoration:none;transition:all .2s ease}a.attention:hover{filter:brightness(115%)}a.attention.accent{color:var(--secondary)}a.attention:after{content:"";position:absolute;width:100%;height:2px;bottom:-1px;left:0;background:currentColor;transform:scaleX(0);opacity:.7;transition:all .3s ease;transform-origin:center}a.attention:hover:after{transform:scaleX(1)}a.drama{position:relative}a.drama:after{content:"";position:absolute;width:100%;height:2px;bottom:-1px;left:0;background:var(--primary);transform:scaleX(0);opacity:.8;transition:all .3s ease;transform-origin:center}a.drama:hover:after{transform:scaleX(1)}h2{margin-bottom:1.5rem;font-size:1.25rem;font-weight:500;color:var(--text);letter-spacing:.01em}h4{margin-bottom:1rem}p{margin-bottom:1.5rem}.mb-3{margin-bottom:3rem}.mb-5{margin-bottom:5rem}input[type=text],input[type=email],input[type=password]{width:100%;padding:.75rem 1rem;border:1px solid var(--text-input);border-radius:8px;background:var(--bg);color:var(--text);font-size:.875rem;transition:all .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.card{background:var(--card-bg);border-radius:12px;padding:1.75rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #0000000f}.card h3{margin-bottom:2rem;color:var(--text-secondary);font-weight:500;font-size:1rem;letter-spacing:.01em}.card ul,.card ol{margin-left:2rem}.btn{background:var(--primary-light);color:var(--primary);border:1px solid var(--border);padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;font-weight:600}.btn:hover{background:var(--hover-btn-bg);border-color:var(--accent)}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary);box-shadow:0 4px 20px var(--accent);color:#fff}.btn-secondary{background:var(--secondary-light);color:var(--secondary);border:1px solid var(--border-secondary)}.btn-secondary:hover{background:var(--hover-btn-secondary-bg);border-color:var(--secondary-accent)}.btn-secondary.filled{background:var(--secondary);color:#fff;border:none}.btn-secondary.filled:hover{background:var(--secondary);box-shadow:0 4px 20px var(--secondary-accent);color:#fff}.btn-default{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;letter-spacing:.01em}.form-group input,.form-group textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--text-input);background:var(--bg);color:var(--text);font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.placeholder-content{color:var(--text-secondary);font-size:.875rem;display:flex;align-items:center;gap:.5rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.centered-container{max-width:800px;margin:2rem auto}.wide-container{width:100%;margin:2rem auto}.centered-content{text-align:center}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-accent{color:var(--secondary)}.bg-primary-light{background-color:var(--primary-light)}.bg-secondary-light{background-color:var(--secondary-light)}.border-accent{border-color:var(--secondary)!important}.accent-hover:hover{color:var(--secondary)}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{opacity:0;width:0;height:0}.slider{position:relative;display:inline-block;width:48px;height:24px;background-color:var(--text-input);border-radius:24px;transition:.3s;margin-right:12px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(24px)}.toggle-label{color:var(--text);font-size:1rem;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.shapes{position:fixed;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.shape{position:absolute;background:var(--primary-light);mix-blend-mode:multiply;animation:float var(--float-duration) infinite linear;animation-delay:var(--float-delay);width:var(--size);height:var(--size);opacity:var(--opacity);left:var(--x);top:var(--y)}.shape-circle{border-radius:50%}.shape-square{border-radius:30px}.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes float{0%{transform:translate(0) rotate(0)}33%{transform:translate(50px,50px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,30px) rotate(120deg)}66%{transform:translate(-30px,50px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}nav{position:fixed;width:100%;background:#fffc;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 9rem 1.5rem 2rem}.hero{padding:12rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:600;margin-bottom:1.5rem;line-height:1.2;animation:fadeInUp .8s forwards .3s}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;animation:fadeInUp .8s forwards .6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.button{padding:1rem 2rem;border-radius:12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;animation:fadeInUp .8s forwards .9s}.button-primary{background:linear-gradient(45deg,#f87171,#fb7185);color:#fff;box-shadow:0 4px 20px #f8717133}.button-primary:hover{color:#fff;box-shadow:0 8px 30px #f871714d}.button-secondary{background:linear-gradient(45deg,#059669,#10b981);color:#fff;box-shadow:0 4px 20px #05966933}.button-secondary:hover{color:#fff;box-shadow:0 8px 30px #0596694d}.button-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.button-outline:hover{background:var(--hover-bg)}.button-outline.accent{border-color:var(--border-secondary);color:var(--secondary)}.button-outline.accent:hover{background:var(--secondary-light)}.demo{padding:30px 0;text-align:center}.browser-mockup{max-width:1200px;margin:0 auto;background:var(--card-bg);border-radius:24px;box-shadow:var(--card-shadow);overflow:hidden;border:1px solid var(--border)}.browser-header{background:#f871711a;padding:16px;display:flex;align-items:center;gap:8px}.browser-dot{width:12px;height:12px;border-radius:50%;background:var(--border)}.browser-content img{width:1136px}.features{padding:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.feature-card{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow)}.feature-icon{width:48px;height:48px;background:#ff6b6b1a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon.accent{background:var(--secondary-light)}.feature-icon svg{width:60%;height:60%;color:var(--primary)}.feature-icon.accent svg{color:var(--secondary)}.feature-title{font-size:20px;font-weight:600;margin-bottom:12px}.feature-description{color:var(--text-secondary);line-height:1.6}.pricing{padding:3rem 0 10rem;background:linear-gradient(180deg,transparent,var(--primary-light))}.section-header{text-align:center;margin-bottom:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.price-card{background:var(--card-bg);border-radius:16px;padding:2.5rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;position:relative;box-shadow:var(--card-shadow)}.price-card.popular{border-color:var(--primary)}.price-card.popular-accent{border-color:var(--secondary)}.popular-badge{position:absolute;top:-19px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#f87171,#fb7185);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.popular-badge.accent{background:linear-gradient(45deg,#059669,#10b981)}.price-amount{font-size:3rem;font-weight:600;margin:1rem 0;color:var(--text)}.price-period{font-size:1rem;color:var(--text-secondary)}.price-features{list-style:none;margin:2rem 0}.price-features li{margin:1rem 0;color:var(--text-secondary)}.price-features li:before{content:"✓";color:var(--primary);margin-right:.5rem}.footer{background:var(--card-bg);padding:4rem 0 2rem;border-top:1px solid var(--primary);border-width:1px 0 0 0;border-image:linear-gradient(to right,var(--primary-light) 0%,var(--primary) 40%,var(--primary) 60%,var(--primary-light) 100%) 1}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.footer-links h4{color:var(--text);margin-bottom:1rem;padding-left:7rem}.footer-links div{display:block;margin:.5rem 0;padding-left:7rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--primary-light);color:var(--text-secondary);border-width:1px 0 0 0;border-image:linear-gradient(to right,transparent 0%,var(--primary-light) 20%,var(--primary-light) 80%,transparent 100%) 1}.pricing-wrapper{display:flex;gap:3rem;margin:2rem auto;max-width:1136px}.pricing-info,.pricing-calculator{flex:1}.pricing-info{border-right:1px solid var(--border);padding-right:3rem}.price-display{font-size:2.5rem;font-weight:600;color:var(--primary);margin:1rem 0}.price-display span{font-size:1rem;color:var(--text-secondary);margin-left:.25rem}.features-list{list-style:none;padding:0;margin:2rem 0}.features-list li{margin:.75rem 0;padding-left:1.5rem;position:relative;color:var(--text-secondary)}.features-list li:before{content:"✓";position:absolute;left:0;color:var(--primary)}.calculator-content{height:100%;display:flex;flex-direction:column;gap:1.5rem}.estimate{margin-top:1rem;font-size:1.1rem;font-weight:500;color:var(--primary)}.enterprise-note{margin-top:auto;text-align:center}@media (max-width: 768px){.pricing-wrapper{flex-direction:column;gap:2rem}.pricing-info{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:2rem}}.top-header{margin-top:8rem}.top-header h1{margin-bottom:2rem}.nice{background:linear-gradient(180deg,transparent,var(--primary-light))}.card ul,.card ol{margin-bottom:2rem}.filter-toggles{margin-bottom:.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.estimate{margin-top:.75rem;font-weight:500;color:var(--primary)}#cost-estimate{font-size:1.25rem;font-weight:600}.demo-widget .input-area{margin-bottom:2rem;font-family:Poppins,sans-serif;position:relative}.demo-widget .preset-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem}.demo-widget .preset-pill{background:var(--primary-light);color:var(--primary);border:1px solid var(--border);padding:6px 12px;border-radius:16px;font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.demo-widget .preset-pill:hover{background:var(--hover-btn-bg);border-color:var(--primary)}.demo-widget .preset-pill.secondary{background:var(--secondary-light);color:var(--secondary);border:1px solid var(--border-secondary)}.demo-widget .preset-pill.secondary:hover{background:var(--hover-btn-secondary-bg);border-color:var(--secondary)}@media (max-width: 640px){.demo-widget .preset-pills{flex-wrap:wrap}.demo-widget .preset-pill{max-width:48%;font-size:.7rem;padding:5px 10px}}.demo-widget .input-area textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--text-input);border-radius:8px;background:var(--bg);color:var(--text);font-size:.875rem;font-family:inherit;min-height:180px;resize:none;transition:all .2s ease}.demo-widget .input-area textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.demo-widget .analyze-btn{position:absolute;bottom:1.25rem;right:.75rem;background:var(--primary);color:#fff;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:var(--primary-light);color:var(--primary);border:1px solid var(--text-input)}.demo-widget .analyze-btn:hover{filter:brightness(110%);border:1px solid var(--primary);background:var(--hover-btn-bg)}.demo-widget .analyze-btn svg{width:16px;height:16px;transition:transform .2s ease}.demo-widget .metrics{display:grid;gap:1rem}.demo-widget .metric{display:flex;align-items:center;gap:1rem}.demo-widget .metric-label{min-width:80px;font-size:.875rem;text-align:left}.demo-widget .progress-bar{flex-grow:1;height:8px;background:var(--primary-light);border-radius:4px;overflow:hidden;position:relative}.demo-widget .progress-fill{height:100%;background:var(--primary);width:0%;transition:width .3s ease}.demo-widget .progress-fill.secondary{background:var(--secondary)}.demo-widget .detected-level{min-width:70px;text-align:left;font-size:.875rem;color:var(--text-secondary)}.demo-widget .detected-level:first-letter{text-transform:capitalize}.demo-widget .reasoning{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--text-input);font-size:.875rem;color:var(--text);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.demo-widget .reason{padding:.75rem;background:var(--primary-light);border-radius:6px;margin-bottom:.75rem;line-height:1.5;text-align:left}.demo-widget .reason.accent{background:var(--secondary-light)}.demo-widget .reason:last-child{margin-bottom:0}.demo-widget .reason strong{color:var(--primary);text-transform:capitalize;margin-right:.5rem}.demo-widget .reason.accent strong{color:var(--secondary)}.demo-widget .metrics{margin-bottom:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.demo-widget .spinner{animation:spin 1s linear infinite}.logo-container{text-align:center}.top-panel{height:64px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;position:fixed;top:0;right:0;left:280px;z-index:100;transition:all .3s ease}.profile-section{margin-left:auto;display:flex;align-items:center;gap:1rem;display:none}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(45deg,#f87171,#fb7185);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:.875rem;border:2px solid var(--border)}.content-wrapper{display:flex;margin-top:0;flex:1}.sidebar{width:280px;background:var(--card-bg);height:100vh;position:fixed;padding-top:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background-color .3s ease,border-color .3s ease;box-shadow:0 4px 24px #0000000f}.nav-item{padding:.875rem 1.75rem;display:flex;align-items:center;gap:.875rem;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:8px;margin:.25rem .75rem;font-size:.9375rem;letter-spacing:.01em}.nav-item:hover{background:var(--hover-bg);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary)}.nav-section{margin-top:2rem;padding:.5rem 1.75rem;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);opacity:.5;letter-spacing:.05em;font-weight:500}.main-content{margin-left:280px;padding:3rem 2rem 2rem;flex:1}.section{display:none;animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat{font-size:1.875rem;font-weight:600;background:linear-gradient(45deg,#f87171,#fb7185);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.9}.settings{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.wrapper{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 24px #0000000f;margin:20px 0}table{width:100%;border-collapse:collapse;font-family:Poppins,system-ui,-apple-system,sans-serif}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border);color:var(--text);transition:all .3s cubic-bezier(.4,0,.2,1)}th{font-weight:500;font-size:.875rem;letter-spacing:.01em;color:var(--text-secondary);background:var(--card-bg)}.expandable-row{cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.expandable-row:hover{background:var(--hover-bg)}.content-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;max-width:0;width:100%}.expanded-content{display:none;background:var(--hover-bg);width:100%}.expanded-content td{padding:1.5rem}.expanded-content pre{margin:0;white-space:pre-wrap;font-family:monospace;font-size:.875rem}.expand-icon{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;margin-right:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary)}.expanded .expand-icon{transform:rotate(90deg);color:var(--primary)}.verdict{padding:.375rem .75rem;border-radius:8px;font-weight:500;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;display:inline-block}.verdict-allow{background:#22c55e1a;color:#22c55e}.verdict-block{background:#ef44441a;color:#ef4444}.verdict-warning{background:var(--secondary-light);color:var(--secondary)}.status-badge{padding:.375rem .75rem;border-radius:8px;font-weight:500;font-size:.75rem;letter-spacing:.02em;display:inline-block}.status-active{background:#22c55e1a;color:#22c55e}.status-pending{background:var(--secondary-light);color:var(--secondary)}.status-inactive{background:#64748b1a;color:#64748b}.timestamp-cell{width:220px;white-space:nowrap}.verdict-cell{width:120px}.slider-container{margin:2rem 0}.slider-label{color:var(--text-secondary);font-weight:500;margin-bottom:1.5rem;display:block}.value-display{color:var(--text-secondary);font-size:.875rem;margin-top:1.5rem;margin-bottom:2rem}input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:var(--primary-light);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(45deg,#f87171,#fb7185);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #f871714d;transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.example-section{margin-top:1.5rem}.example-title{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.example-content{padding:1rem;background:var(--primary-light);border-radius:8px;font-size:.9rem;color:var(--text)}.example-item{cursor:pointer;padding:.75rem;border-radius:6px;transition:all .2s ease;margin-bottom:.5rem}.example-item:hover{background:var(--hover-bg)}.example-item:last-child{margin-bottom:0}.blocked{text-decoration:line-through;opacity:.7}.code-container{font-family:system-ui,-apple-system,sans-serif}.language-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem 1rem;border:none;background:#f871711a;color:#f87171;border-radius:6px;cursor:pointer;transition:all .2s}.tab.active{background:#f87171;color:#fff}.tab.accent{background:var(--secondary-light);color:var(--secondary)}.tab.accent.active{background:var(--secondary);color:#fff}.snippet-container{position:relative;background:#1c1c1cd9;border-radius:8px;overflow:hidden}.copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s}.snippet-container:hover .copy-btn{opacity:1}.copy-btn:hover{background:#fff3}pre{margin:0;padding:1rem;overflow-x:auto}.snippet{display:none}.snippet.active{display:block}pre[class*=language-]{background:none!important}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;-webkit-backdrop-filter:blur(1px) saturate(180%);backdrop-filter:blur(1px) saturate(180%);z-index:1000;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.modal.show{display:flex;align-items:center;justify-content:center;opacity:1}.modal-content{position:relative;top:-100px;width:90%;max-width:500px;transform:translateY(20px) scale(.98);transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);background:var(--card-bg-solid)}.modal.show .modal-content{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:1rem;right:1rem;padding:.5rem;font-size:1.25rem;line-height:1;background:none;border:none;color:var(--text-secondary);opacity:.7;cursor:pointer;transition:all .2s ease;z-index:100}.modal-close:hover{opacity:1}.modal-header{position:relative;top:-.5rem;padding-bottom:1.25rem;margin-bottom:1rem;font-weight:500;font-size:1.125rem}.modal-header:after{content:"";position:absolute;bottom:0;left:-1.75rem;right:-1.75rem;height:1px;background:linear-gradient(90deg,transparent,var(--primary) 25%,var(--primary) 75%,transparent);opacity:.16}.modal-inner{margin:1rem .75rem}.modal-content.wide{max-width:650px}.btn-modal{float:right;margin-top:1.5rem}#auth-form{width:100%;max-width:360px;margin:0 auto}#auth-form form{display:flex;flex-direction:column;gap:.5rem;margin-top:3rem}.form-error{font-size:.75rem;color:#ef4444;margin-top:-.25rem;min-height:1rem}.text-action{margin-top:2rem;font-size:.875rem;color:var(--text-secondary);text-align:center}.text-action a{color:var(--primary);text-decoration:none}.text-action a:hover{text-decoration:underline}.auth-delimeter{position:relative;text-align:center;margin:1.5rem 0}.auth-delimeter:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border)}.auth-delimeter span{position:relative;background:var(--card-bg);padding:0 .75rem;color:var(--text-secondary);font-size:.875rem}#signup-btn{margin-top:1rem}.auth-provider-logo{width:1.25rem;height:1.25rem;background-size:contain;background-repeat:no-repeat;background-position:center}#google-login .auth-provider-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E")}#github-login .auth-provider-logo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.207 11.387.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.083-.73.083-.73 1.205.085 1.838 1.236 1.838 1.236 1.07 1.835 2.807 1.305 3.492.998.108-.775.418-1.305.762-1.605-2.665-.3-5.467-1.332-5.467-5.93 0-1.31.468-2.382 1.235-3.22-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.3 1.23A11.5 11.5 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.29-1.552 3.297-1.23 3.297-1.23.653 1.652.242 2.873.118 3.176.77.838 1.234 1.91 1.234 3.22 0 4.61-2.807 5.625-5.48 5.92.43.372.824 1.102.824 2.222 0 1.606-.015 2.896-.015 3.292 0 .32.216.694.825.576C20.565 21.797 24 17.3 24 12c0-6.63-5.37-12-12-12'/%3E%3C/svg%3E")}.api-key-field{position:relative;width:100%}.api-key-wrapper{position:relative;display:flex;align-items:center}.input-copy-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px 8px;background:none;border:none;cursor:pointer;color:var(--text);opacity:.6;transition:opacity .2s;border-radius:6px}.copy-btn{padding:6px 8px;background:none}.input-copy-btn:hover{opacity:1;background:#ffffff1a}.input-copy-btn svg{pointer-events:none}.api-key-input{padding-right:40px!important}.copy-feedback{position:absolute;bottom:-22px;left:5px;font-size:.75rem;color:var(--success, #10B981);opacity:0;transition:opacity .3s}.balance-display{display:flex;flex-direction:column;justify-content:center}.balance-amount{font-size:2.5rem;font-weight:600}.payment-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:.5rem}.payment-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-info{display:flex;align-items:center;gap:.5rem}.card-icon{margin-top:5px}.add-funds-btn{position:relative;top:1.5rem}.auto-reload{display:flex;justify-content:space-between;align-items:center}.receipt-section{margin-top:2rem}.receipt-table{width:100%;border-collapse:collapse;margin-top:1rem}.receipt-table thead tr{border-radius:12px;box-shadow:var(--card-shadow)}.receipt-table thead th{border-bottom:2px solid transparent}.table-header{text-align:left;padding:1rem}.table-header-left{border-top-left-radius:12px;border-bottom-left-radius:12px}.table-header-right{border-top-right-radius:12px;border-bottom-right-radius:12px;text-align:right}.receipt-row{border-top:1px solid var(--border)}.receipt-cell{padding:1rem}.receipt-cost,.receipt-action{text-align:right}.fund-tabs{display:flex;gap:.5rem;margin:1.5rem 0}.fund-tab{padding:.75rem 1.25rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.875rem;flex:1}.fund-tab:hover{background:var(--hover-bg)}.fund-tab.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.loading-blur{opacity:.1}.activity-section{margin:2rem 0}.activity-controls{display:flex;justify-content:space-between;align-items:center}.activity-filters{display:flex;gap:.5rem}.activity-filter-btn{padding:.5rem .75rem;font-size:.8rem}.activity-search{display:flex;align-items:center}input.activity-search-input{width:400px;border-color:var(--accent)}.activity-histogram-container{margin:1rem 0;padding:1rem;height:350px}.activity-histogram-header{display:flex;justify-content:space-between;margin-bottom:-1rem;margin-top:0rem}.activity-histogram-title{font-size:.9rem;color:var(--text-secondary);position:relative;left:4rem}.activity-legend{display:flex;gap:1rem;font-size:.8rem}.activity-legend-item{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px}.activity-legend-blocked{background:var(--primary)}.activity-legend-allowed{background:#22c55e}.contact-form textarea{font-family:inherit;transition:all .2s ease}.contact-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.form-checkbox{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem}.form-checkbox input{margin-top:.25rem}.form-checkbox label{color:var(--text-secondary);font-size:.875rem}.form-status{padding:.75rem;border-radius:8px;font-size:.875rem}.form-status.success{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.form-status.error{background:#f871711a;color:var(--primary);border:1px solid rgba(248,113,113,.2)}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.contact-method{display:flex;gap:1rem}.contact-icon{font-size:1.5rem;color:var(--primary)}.contact-info h4{margin-bottom:.25rem;font-size:1rem;font-weight:500}.contact-info p{margin-bottom:0;color:var(--text-secondary);font-size:.875rem}@media (max-width: 768px){.contact-method{flex-direction:column;gap:.5rem}}.api-docs .code-block{background:var(--card-bg-solid);border-radius:8px;padding:1rem;margin-bottom:1.5rem;overflow-x:auto;border:1px solid var(--border)}.api-docs .code-block pre{margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;white-space:pre}.api-docs .endpoint-url{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--primary-light);color:var(--primary);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.api-docs .method{font-weight:700;margin-right:.5rem}.api-docs .status-codes{list-style:none;margin-bottom:1.5rem}.api-docs .status-codes li{margin-bottom:.5rem;display:flex;align-items:center}.api-docs .status-code{display:inline-block;min-width:3rem;padding:.25rem .5rem;background:var(--primary-light);color:var(--primary);border-radius:4px;margin-right:.75rem;text-align:center;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;font-weight:500}.api-docs .alert{background:#eab3081a;border-left:4px solid rgba(234,179,8,.8);padding:1rem;margin-bottom:1.5rem;border-radius:4px}.api-docs .alert p{margin-bottom:0}.api-docs .use-cases,.api-docs .faq{margin-bottom:1.5rem}.api-docs .use-case,.api-docs .faq-item{margin-bottom:2rem}.api-docs .note{font-size:.875rem;color:var(--text-secondary);font-style:italic}.api-docs h3{margin-top:2rem;margin-bottom:1rem;font-weight:600}.api-docs h4{margin-bottom:.75rem;font-weight:500}