.container{display:flex;flex-wrap:wrap;min-height:100vh;background-color:#121212;color:#fff}.content{flex:1;padding:60px 40px;min-width:350px;max-width:500px;display:flex;flex-direction:column;justify-content:center;background-color:#fff;color:#000}.title{color:#000000b3;font-size:18px;margin-bottom:8px;font-family:Courier New,monospace}h1{color:#3a8ee6;font-size:42px;font-weight:700;margin-bottom:20px;font-family:Courier New,monospace}.description{line-height:1.6;opacity:.8;margin-bottom:30px;font-family:Courier New,monospace}.buttons{display:flex;gap:10px;margin-bottom:30px}.btn{padding:10px 20px;background-color:transparent;color:#000;border:2px solid #3a8ee6;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease;font-family:Courier New,monospace}.btn:hover{background-color:#fff}.social{display:flex;gap:20px}.social a{color:#000;text-decoration:none;opacity:.7;transition:opacity .3s ease;font-family:Courier New,monospace}.social a:hover{opacity:1}.visualization{flex:2;min-height:100vh;position:relative}@media (max-width: 1024px){.container{flex-direction:column}.content{max-width:100%}.visualization{min-height:70vh}}.panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1e1e1e;border:1px solid #3a8ee6;padding:30px;border-radius:5px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;z-index:1000;display:none;font-family:Courier New,monospace}.panel h2{color:#3a8ee6;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:10px}.panel-item{margin-bottom:25px}.panel-item-title{font-weight:700;margin-bottom:5px}.panel-item-subtitle{color:#3a8ee6;margin-bottom:5px;font-size:14px}.panel-item-date{font-size:12px;opacity:.7;margin-bottom:10px}.panel-item-description{line-height:1.5;opacity:.8;font-size:14px}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:100;display:none}.control-toggle{background-color:#4a4a4a;color:#fff}.control-panel{background-color:#1e1e1ee6;border-radius:8px;padding:15px;margin-top:15px;color:#fff;max-height:60vh;overflow-y:auto}.control-panel h3{font-size:1.3rem;margin-top:0;margin-bottom:10px;border-bottom:1px solid #444;padding-bottom:8px}.control-panel h4{font-size:1.1rem;margin:10px 0;color:#ddd}.control-section{margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed #444}.control-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.control-panel label{display:flex;flex-direction:column;min-width:100px;flex:1;font-size:.9rem;color:#ccc}.control-panel input[type=number]{background-color:#333;border:1px solid #555;border-radius:4px;padding:5px;color:#fff;margin-top:4px;width:100%}.control-panel input[type=checkbox]{margin-top:8px;width:20px;height:20px;cursor:pointer;background-color:#333;border:1px solid #555}.reset-btn{background-color:#600;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;margin-top:10px;width:100%;transition:background-color .2s}.reset-btn:hover{background-color:#900}@media (max-width: 768px){.control-panel{max-height:300px}.control-row{flex-direction:column;gap:5px}}.modern-control-panel{background-color:#19191ef2;border-radius:12px;padding:0;margin-top:15px;color:#fff;max-height:60vh;overflow:hidden;box-shadow:0 10px 30px #0000004d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid rgba(255,255,255,.1)}.control-tabs{display:flex;background-color:#1e1e28e6;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{flex:1;background:none;border:none;padding:12px 0;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.tab-btn.active{color:#fff;background-color:#3c3c504d;border-bottom:2px solid #3f8cff}.tab-btn:hover:not(.active){background-color:#28283280;color:#fffc}.tab-btn svg{opacity:.7;transition:opacity .2s}.tab-btn.active svg{opacity:1}.tab-content{padding:20px;overflow-y:auto;max-height:calc(60vh - 48px)}.control-group{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.control-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-group h4{font-size:15px;margin:0 0 15px;color:#ffffffe6;font-weight:500;letter-spacing:.5px}.slider-control{margin-bottom:15px}.slider-control:last-child{margin-bottom:0}.slider-control label{display:block;font-size:13px;color:#ffffffb3;margin-bottom:8px}.slider-with-value{display:flex;align-items:center}.slider-with-value input[type=range]{flex:1;height:5px;background:linear-gradient(to right,#3f8cff,#3f8cff 50%,#555 50%,#555);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;outline:none;cursor:pointer;transition:background .3s}.slider-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:all .2s}.slider-with-value input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);background:#f5f5f5}.slider-with-value input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#f0f0f0}.value-display{min-width:40px;text-align:right;font-size:13px;color:#fffc;font-family:Roboto Mono,monospace;margin-left:10px}.toggle-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle-control{margin-bottom:10px}.toggle-label{display:flex;justify-content:space-between;align-items:center}.toggle-label span{font-size:13px;color:#ffffffb3}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#50506480;transition:.3s}.switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s}.switch input:checked+.slider{background-color:#3f8cff}.switch input:checked+.slider:before{transform:translate(22px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.reset-btn{width:calc(100% - 40px);margin:0 20px 20px;padding:10px 0;background:linear-gradient(to right,#ff3a3a,#ff5757);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ff3a3a4d}.reset-btn:hover{background:linear-gradient(to right,#ff5757,#ff7070);transform:translateY(-2px);box-shadow:0 6px 14px #ff3a3a66}.reset-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff3a3a66}.control-toggle{background:linear-gradient(to right,#3a6cff,#5c89ff)!important;border:none!important;box-shadow:0 4px 12px #3a6cff4d!important;transition:all .2s!important}.control-toggle:hover{background:linear-gradient(to right,#5c89ff,#7fa5ff)!important;transform:translateY(-2px)!important;box-shadow:0 6px 14px #3a6cff66!important}@media (max-width: 768px){.toggle-controls{grid-template-columns:1fr}.modern-control-panel{max-height:400px}.tab-content{max-height:352px}}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.tab-content::-webkit-scrollbar-thumb{background:#64647880;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background:#78788c99}