@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--clr-primary: #3F7D58;--clr-accent: #EF9651;--clr-danger: #EC5228;--clr-bg: #ffffff;--clr-card-bg: #ffffff;--clr-border: #d1d5db;--clr-text-main: #1f2937;--clr-text-sub: #4b5563;--clr-text-on-primary: #ffffff;--clr-shadow: rgba(0, 0, 0, .08);--clr-shadow-lg: rgba(0, 0, 0, .12)}:root{--neuron-primary: #00d4aa;--neuron-secondary: #7c3aed;--neuron-tertiary: #ef4444;--neuron-connection: rgba(255, 255, 255, .3);--neuron-glow: rgba(0, 212, 170, .4);--neuron-node-size: 12px;--neuron-pulse-duration: 2s}:root[data-theme=dark]{--clr-primary: #3F7D58;--clr-accent: #FF6B35;--clr-danger: #EC5228;--clr-bg: #1a1f2e;--clr-card-bg: #242b3d;--clr-border: #2d3748;--clr-text-main: #e5e7eb;--clr-text-sub: #9ca3af;--clr-text-on-primary: #ffffff;--clr-shadow: rgba(0, 0, 0, .3);--clr-shadow-lg: rgba(0, 0, 0, .5);--neuron-primary: #00d4aa;--neuron-secondary: #a855f7;--neuron-tertiary: #f87171;--neuron-connection: rgba(255, 255, 255, .2);--neuron-glow: rgba(0, 212, 170, .6)}.gradient-bg{background-color:var(--clr-bg);min-height:100vh}.glass-card{background:var(--clr-card-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--clr-border);border-radius:12px;box-shadow:none;transition:all .3s ease}.glass-card:hover{box-shadow:none;transform:none}button:not(.range-btn):not(.copy-button){background:var(--clr-primary);color:var(--clr-text-on-primary);border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}button:not(.range-btn):not(.copy-button):hover{opacity:.9;transform:translateY(-1px)}button:not(.range-btn):not(.copy-button):active{transform:translateY(0)}.input-styled{border:1px solid var(--clr-border);background-color:var(--clr-card-bg);color:var(--clr-text-main);padding:12px 16px;border-radius:12px;font-weight:500;min-width:240px}.input-styled:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px #3f7d581a}.range-btn{border:1px solid var(--clr-border);border-radius:12px;transition:all .2s ease;padding:12px 20px;font-weight:500;background-color:var(--clr-card-bg);color:var(--clr-text-main)}.range-btn:hover{background-color:#3f7d581a;border-color:var(--clr-primary)}.range-btn.active{background:var(--clr-primary);border:1px solid var(--clr-primary);color:var(--clr-text-on-primary)!important;box-shadow:0 4px 15px #3f7d5859}select{border:1px solid var(--clr-border);background-color:var(--clr-card-bg);color:var(--clr-text-main);padding:12px 16px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:200px}select:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px #3f7d581a}body{color:var(--clr-text-main)}.text-sub{color:var(--clr-text-sub)}.text-danger{color:var(--clr-danger)}.text-primary{color:var(--clr-primary)}.border-radius-lg{border-radius:12px}.transition-all{transition:all .3s ease}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.neuron-node{width:var(--neuron-node-size);height:var(--neuron-node-size);border-radius:50%;background:var(--neuron-primary);position:absolute;box-shadow:0 0 10px var(--neuron-glow);animation:neuron-pulse var(--neuron-pulse-duration) infinite ease-in-out;cursor:pointer;transition:all .3s ease}.neuron-node:hover{transform:scale(1.2);box-shadow:0 0 20px var(--neuron-glow)}.neuron-node.secondary{background:var(--neuron-secondary)}.neuron-node.tertiary{background:var(--neuron-tertiary)}.neuron-node.input{background:linear-gradient(45deg,var(--neuron-primary),var(--neuron-secondary))}.neuron-node.output{background:linear-gradient(45deg,var(--neuron-secondary),var(--neuron-tertiary))}.neuron-connection{position:absolute;stroke:var(--neuron-connection);stroke-width:1px;fill:none;opacity:.6;transition:all .3s ease}.neuron-connection.active{stroke:var(--neuron-primary);stroke-width:2px;opacity:1;animation:data-flow 1.5s infinite linear}.neuron-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,var(--neuron-glow) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(239,68,68,.1) 0%,transparent 50%)}.neuron-grid{background-image:linear-gradient(var(--neuron-connection) 1px,transparent 1px),linear-gradient(90deg,var(--neuron-connection) 1px,transparent 1px);background-size:50px 50px;opacity:.1}.neuron-card{background:var(--clr-card-bg);border:1px solid var(--clr-border);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px var(--clr-shadow)}.neuron-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--neuron-primary),var(--neuron-secondary),var(--neuron-tertiary));border-radius:16px 16px 0 0}.neuron-particle{position:absolute;width:4px;height:4px;background:var(--neuron-primary);border-radius:50%;animation:float-particle 6s infinite linear;opacity:.6}.neuron-particle:nth-child(2n){background:var(--neuron-secondary);animation-duration:8s}.neuron-particle:nth-child(3n){background:var(--neuron-tertiary);animation-duration:10s}@keyframes neuron-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes data-flow{0%{stroke-dasharray:5,15;stroke-dashoffset:0}to{stroke-dasharray:5,15;stroke-dashoffset:-20}}@keyframes float-particle{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) translate(100px);opacity:0}}.neuron-network{position:relative;width:100%;height:400px;background:linear-gradient(135deg,var(--clr-bg) 0%,rgba(0,212,170,.05) 100%);border-radius:16px;overflow:hidden;border:1px solid var(--clr-border)}.neural-link{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neuron-primary),transparent);transform-origin:left center;animation:neural-link-pulse 3s infinite ease-in-out}.neural-link.delay-1{animation-delay:.5s}.neural-link.delay-2{animation-delay:1s}.neural-link.delay-3{animation-delay:1.5s}@keyframes neural-link-pulse{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}}@media (max-width: 768px){.glass-card{margin:20px;padding:20px}button:not(.range-btn):not(.copy-button){width:100%;padding:14px}.input-styled{width:100%;min-width:auto}}