:root{--primary-color:#00ff9f;--secondary-color:#00b8ff;--accent-color:#f0f;--background-dark:#0a0a0a;--background-light:#1a1a1a;--text-primary:#fff;--text-secondary:#a8a8a8;--gradient-primary:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--gradient-dark:linear-gradient(135deg,#1e272e,#2c3e50);--shadow-neon:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a}a{color:inherit;text-decoration:none;transition:all .3s ease}a:hover{color:#00ff9f;color:var(--primary-color)}body{background-color:#0a0a0a;background-color:var(--background-dark);color:#fff;color:var(--text-primary);font-family:Inter,Courier New,monospace;line-height:1.6;margin:0;padding:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon)}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#00ff9f;color:var(--primary-color);cursor:pointer;font-size:1.5rem;font-weight:700;gap:.5rem;transition:all .3s ease}.navbar-logo:hover{text-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;text-shadow:var(--shadow-neon);transform:scale(1.05)}.logo-icon{font-size:1.8rem}.navbar-links{align-items:center;display:flex;gap:2rem}.nav-link{background:none;border:none;color:#a8a8a8;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.5rem 1rem;position:relative;transition:all .3s ease}.nav-link:after{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active,.nav-link:hover{color:#00ff9f;color:var(--primary-color)}.mobile-menu-button{background:none;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;z-index:1001}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0 2rem;position:relative}.hero-background,.neon-grid{height:100%;width:100%}.neon-grid{animation:gridMove 20s linear infinite;background:linear-gradient(90deg,#00ffff1a 1px,#0000 0) 0 0 /50px 50px,linear-gradient(#00ffff1a 1px,#0000 0) 0 0 /50px 50px;left:0;position:absolute;top:0;transform:perspective(500px) rotateX(60deg);transform-origin:center top}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.floating-shapes{height:100%;position:absolute;width:100%}.floating-shape{border-radius:50%;cursor:pointer;filter:blur(8px);height:100px;mix-blend-mode:screen;pointer-events:auto;position:absolute;width:100px}.cyber-particles{pointer-events:none}.cube,.cyber-particle{cursor:pointer;pointer-events:auto}.cube-face{background:#00ffff1a;border:2px solid #00ff9f;border:2px solid var(--primary-color)}.hero-content{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;max-width:800px;padding:2rem;position:relative;text-align:center;z-index:1}.slide-content{margin-bottom:2rem}.slide-icon{filter:drop-shadow(0 0 15px currentColor);font-size:4rem;margin-bottom:1rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.hero-description{color:#fff;color:var(--text-primary);font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-shadow:0 0 10px #ffffff80}.get-started-button{align-items:center;border:none;border-radius:5px;color:#0a0a0a;color:var(--background-dark);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.get-started-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.get-started-button:hover:before{left:100%}.slide-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.slide-indicator{border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}@media (max-width:768px){.hero-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border-radius:10px}}.stats-section{background:#1a1a1a;background:var(--background-light);padding:4rem 2rem}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;text-align:center}.stat-item{background:#1a1a1acc;border:1px solid #ffffff1a;border-radius:10px;padding:2rem;transition:all .3s ease}.stat-item:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-5px)}.stat-item h3{color:#00ff9f;color:var(--primary-color);font-size:2.5rem;margin-bottom:.5rem}.stat-item p{color:#a8a8a8;color:var(--text-secondary);font-size:1.1rem}.features-section{background-color:#1a1a1a;background-color:var(--background-light);padding:6rem 2rem}.features-title{color:#00ff9f;color:var(--primary-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-item{background:#1a1a1acc;border:1px solid #ffffff1a;border-radius:10px;padding:2rem;text-align:center;transition:all .3s ease}.feature-item:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-10px)}.feature-item h3{color:#fff;color:var(--text-primary);margin-bottom:1rem}.feature-item p{color:#a8a8a8;color:var(--text-secondary)}.cta-section{background:linear-gradient(135deg,#1e272e,#2c3e50);background:var(--gradient-dark);padding:6rem 2rem;text-align:center}.cta-section h2{color:#00ff9f;color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border:none;border-radius:5px;color:#0a0a0a;color:var(--background-dark);cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-2px)}.footer{background-color:#0a0a0a;background-color:var(--background-dark);border-top:1px solid #ffffff1a;padding:4rem 2rem 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-brand{align-items:center;color:#00ff9f;color:var(--primary-color);display:flex;font-size:1.5rem;gap:.5rem}.footer-logo{font-size:1.8rem}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-section h4{color:#fff;color:var(--text-primary);margin-bottom:1rem}.footer-section a{color:#a8a8a8;color:var(--text-secondary);display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#00ff9f;color:var(--primary-color)}.footer-social{display:flex;gap:1rem;justify-content:flex-end}.social-link{color:#a8a8a8;color:var(--text-secondary);font-size:1.5rem;transition:all .3s ease}.social-link:hover{color:#00ff9f;color:var(--primary-color);transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#a8a8a8;color:var(--text-secondary);margin-top:3rem;padding-top:2rem;text-align:center}@media (max-width:768px){.mobile-menu-button{display:block}.navbar-links{background:#0a0a0a;background:var(--background-dark);box-shadow:-5px 0 15px #0000004d;flex-direction:column;gap:2rem;height:100vh;max-width:300px;padding:6rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1000}.navbar-links.active{right:0}.nav-link{font-size:1.2rem;padding:1rem 0;text-align:left;width:100%}.sign-in-button{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border-radius:5px;color:#0a0a0a;color:var(--background-dark);margin-top:1rem;text-align:center;width:100%}.sign-in-button:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-2px)}.hero-title{font-size:2.5rem}.features-container,.footer-links{grid-template-columns:1fr}.footer-social{justify-content:center}.cube{height:30px;width:30px}.bubble{height:20px;width:20px}.floating-shape{height:60px;width:60px}.cube-face.front{transform:translateZ(15px)}.cube-face.back{transform:translateZ(-15px) rotateY(180deg)}.cube-face.right{transform:translateX(15px) rotateY(90deg)}.cube-face.left{transform:translateX(-15px) rotateY(-90deg)}.cube-face.top{transform:translateY(-15px) rotateX(90deg)}.cube-face.bottom{transform:translateY(15px) rotateX(-90deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #00ff9f80}50%{box-shadow:0 0 20px #00ff9fcc}}.tutorial-section{background-color:#1a1a1a;background-color:var(--background-light);padding:4rem 2rem;text-align:center}.show-tutorial-button{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border:none;border-radius:5px;color:#0a0a0a;color:var(--background-dark);cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.show-tutorial-button:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-2px)}.home-container{background-color:#0a0a0a;background-color:var(--background-dark);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.login-container{background-color:#222222e6;border:1px solid #00ff9f1a;border-radius:10px;box-shadow:0 0 20px #00000080,0 0 30px #00ff9f1a;margin:100px auto;padding:30px;width:400px}.login-title{color:#00ff9f;color:var(--primary-color);font-size:2em;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #00ff9f4d}.login-form{display:flex;flex-direction:column;gap:15px}.login-input{background-color:#0000004d;border:1px solid #00ff9f33;border-radius:5px;color:#fff;font-family:inherit;font-size:.9rem;margin-bottom:0;padding:12px 15px;transition:all .3s ease}.login-input:focus{border-color:#00ff9f;border-color:var(--primary-color);box-shadow:0 0 10px #00ff9f33;outline:none}.login-input::placeholder{color:#ffffff80}.login-button,.signup-button{background:linear-gradient(90deg,#00ff9f,#00b8ff);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border:none;border-radius:5px;color:#0a0a0a;color:var(--background-dark);cursor:pointer;display:block;font-family:inherit;font-size:.9rem;font-weight:700;margin:10px auto;min-width:120px;padding:12px 20px;transition:all .3s ease;width:auto}.login-button:hover,.signup-button:hover{box-shadow:0 0 15px #00ff9f80;transform:translateY(-2px)}.error-message{background:#ff00001a;border:1px solid #f003;border-radius:5px;color:#ff4d4d;margin-bottom:15px;padding:10px;text-align:center}.login-actions{margin-top:20px;text-align:center}.login-actions p{color:#a8a8a8;color:var(--text-secondary);margin-bottom:10px}.dashboard-container{background-color:#0a0a0a;background-color:var(--background-dark);display:flex;min-height:100vh}.dashboard-sidebar{background-color:#1a1a1ae6;border-right:1px solid #00ff9f1a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:1.5rem;position:sticky;top:0;width:250px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.user-icon{color:#00ff9f;color:var(--primary-color);font-size:1.5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.sidebar-nav button{align-items:center;background-color:initial;border:none;border-radius:6px;color:#a8a8a8;color:var(--text-secondary);cursor:pointer;display:flex;gap:.8rem;padding:.8rem 1rem;text-align:left;transition:all .3s ease;width:100%}.sidebar-nav button.active,.sidebar-nav button:hover{background-color:#00ff9f1a;color:#00ff9f;color:var(--primary-color)}.sidebar-nav button.active{border-left:3px solid #00ff9f;border-left:3px solid var(--primary-color)}.logout-button{align-items:center;background-color:#ff4b4b1a;border:none;border-radius:6px;color:#ff4b4b;cursor:pointer;display:flex;gap:.8rem;justify-content:center;margin-top:auto;padding:.8rem;transition:all .3s ease;width:100%}.logout-button:hover{background-color:#ff4b4b33}.dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.dashboard-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{color:#00ff9f;color:var(--primary-color);font-size:1.8rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-panel{background-color:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;box-shadow:0 4px 15px #0000001a;height:100%;padding:1.5rem}.dashboard-panel h2{color:#00ff9f;color:var(--primary-color);font-size:1.2rem}.dashboard-panel h2,.panel-header{margin-bottom:1.2rem}.device-list th{border-bottom:1px solid #ffffff1a;color:#a8a8a8;color:var(--text-secondary);font-weight:500;padding:.8rem;text-align:left}.device-list td{border-bottom:1px solid #ffffff0d;color:#fff;color:var(--text-primary);padding:.8rem}.device-list tr:hover td{background-color:#00ff9f0d}.status-icon.active{color:#4cd137}.status-text{color:#a8a8a8;color:var(--text-secondary)}.audit-details{display:flex;flex-direction:column;gap:1rem}.audit-info{align-items:center;display:flex;justify-content:space-between}.label{color:#a8a8a8;color:var(--text-secondary)}.value{color:#fff;color:var(--text-primary)}.compliance-meter{background-color:#ffffff1a;border-radius:5px;height:10px;margin-top:.5rem;overflow:hidden;width:100%}.compliance-fill{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border-radius:5px;font-size:0;height:100%;text-align:center;transition:width .5s ease}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.action-button{align-items:center;border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.8rem;justify-content:center;padding:1.2rem;transition:all .3s ease}.action-button:hover{transform:translateY(-3px)}.device-btn{background-color:#00b8ff1a}.device-btn:hover{background-color:#00b8ff33;box-shadow:0 0 15px #00b8ff4d}.hardening-btn{background-color:#00ff9f1a}.hardening-btn:hover{background-color:#00ff9f33;box-shadow:0 0 15px #00ff9f4d}.audit-btn{background-color:#ff00ff1a}.audit-btn:hover{background-color:#f0f3;box-shadow:0 0 15px #ff00ff4d}.action-icon{font-size:1.5rem}.status-message{border-radius:8px;font-weight:500;padding:1rem;text-align:center}.status-message.success{background-color:#00ff9f1a;color:#4cd137}.status-message.info{background-color:#00b8ff1a;color:#00b8ff}.status-message.warning{background-color:#ffa5001a;color:orange}.status-message.error{background-color:#ff4b4b1a;color:#ff4b4b}.dashboard-loading{align-items:center;background-color:#0a0a0a;background-color:var(--background-dark);display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #00ff9f1a;border-radius:50%;border-top-color:#00ff9f;border-top:3px solid var(--primary-color);height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-message{color:#a8a8a8;color:var(--text-secondary);padding:1rem;text-align:center}@media (max-width:768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{height:auto;padding:1rem;position:relative;width:100%}.sidebar-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.sidebar-nav button{width:auto}.dashboard-content{padding:1rem}.dashboard-grid{grid-template-columns:1fr}}.ssh-connect-container{background-color:#222;border-radius:8px;box-shadow:0 4px 8px #000000b3;margin:100px auto;padding:30px;width:500px}.ssh-title{color:#00ff9f;font-size:2em}.ssh-status,.ssh-title{margin-bottom:20px;text-align:center}.ssh-status{color:#a8a8a8}.ssh-form{display:flex;flex-direction:column}.ssh-input,.ssh-select,.ssh-textarea{background-color:#333;border:1px solid #444;border-radius:5px;color:#a8a8a8;font-family:Courier New,Courier,monospace;margin-bottom:15px;padding:12px}.ssh-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Courier New,Courier,monospace;margin:10px auto;padding:12px 20px;transition:background-color .3s ease;width:40%}.ssh-button:hover{background-color:#0056b3}.back-button{background-color:"#6c757d";border:"none";border-radius:5px;color:"#fff";cursor:"pointer";display:block;font-weight:"bold";margin:10px auto;padding:10px 20px;width:40%}.device-register-container{background-color:#222;border-radius:10px;box-shadow:0 4px 8px #000000b3;margin:50px auto;max-width:800px;padding:20px}.device-register-title{color:#00ff9f;text-align:center}.device-register-form{grid-gap:20px;display:grid;gap:20px}.device-input,.device-textarea{background-color:#333;border:1px solid #444;border-radius:5px;color:#a8a8a8;font-family:Courier New,Courier,monospace;padding:10px}.device-textarea{min-height:80px}.device-back-button,.device-submit-button{border:none;border-radius:5px;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:700;padding:10px 20px}.device-submit-button{background-color:#007bff;color:#fff}.device-submit-button:hover{background-color:#0056b3}.device-back-button{background-color:#555;color:#a8a8a8}.device-back-button:hover{background-color:#444}.device-list-title{color:#00ff9f;margin-top:40px;text-align:center}.device-list{border-collapse:collapse;margin-top:20px;width:100%}.device-list td,.device-list th{border-bottom:1px solid #444;color:#a8a8a8;padding:10px;text-align:left}.device-list thead th{background-color:#333;color:#00ff9f}.device-list tbody tr:hover{background-color:#2a2a2a}.playbook-selection-container{background-color:#222;border-radius:8px;box-shadow:0 4px 8px #000000b3;margin:50px auto;max-width:600px;padding:20px}.playbook-title{color:#00ff9f;margin-bottom:20px;text-align:center}.playbook-device-select{display:flex;flex-direction:column;margin-bottom:20px}.playbook-device-select label{color:#a8a8a8;margin-bottom:5px}.playbook-select{background-color:#333;border:1px solid #444;border-radius:5px;color:#a8a8a8;font-family:Courier New,Courier,monospace;padding:10px}.playbook-list-title{color:#00ff9f;margin-bottom:10px}.playbook-item{border-bottom:1px solid #444;color:#a8a8a8;padding:10px}.playbook-item:last-child{border-bottom:none}.playbook-back-button,.playbook-edit-button,.playbook-select-button,.playbook-upload-button{border:none;border-radius:5px;cursor:pointer;font-family:Courier New,Courier,monospace;padding:8px 15px}.playbook-edit-button,.playbook-select-button{margin-left:10px}.playbook-edit-button{background-color:#555;color:#a8a8a8}.playbook-edit-button:hover{background-color:#444}.playbook-select-button{background-color:#007bff;color:#fff}.playbook-select-button:hover{background-color:#0056b3}.playbook-upload-button{background-color:#009688;color:#fff;display:block;margin:20px auto 10px;width:fit-content}.playbook-upload-button:hover{background-color:#00796b}.playbook-back-button{background-color:#555;color:#a8a8a8;display:block;margin:10px auto;width:fit-content}.playbook-back-button:hover{background-color:#444}.playbook-delete-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:6px 12px}.playbook-delete-button:hover{background-color:#c0392b}.audit-container{background-color:#222;border-radius:10px;box-shadow:0 4px 8px #000000b3;margin:50px auto;max-width:800px;padding:20px}.audit-title{color:#00ff9f;margin-bottom:20px;text-align:center}.audit-form{grid-gap:20px;display:grid;gap:20px}.form-group label{font-weight:700;margin-bottom:5px}.audit-input{background-color:#333;border:1px solid #444;border-radius:5px;color:#a8a8a8;font-family:Courier New,Courier,monospace;padding:10px;width:95%}.audit-devices{height:100px}.audit-back-button,.audit-submit-button{border:none;border-radius:5px;cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:700;padding:10px 20px}.audit-submit-button{background-color:#007bff;color:#fff}.audit-submit-button:hover{background-color:#0056b3}.audit-back-button{background-color:#555;color:#a8a8a8}.audit-back-button:hover{background-color:#444}.tutorial-steps{list-style-type:decimal;padding-left:20px}.tutorial-footer{font-style:italic;margin-top:20px;text-align:center}.tutorial-steps li{align-items:center;display:flex;line-height:1.6;margin-bottom:10px}.tutorial-icon{color:#00ff9f;font-size:1.2em;margin-right:10px}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.floating-cubes{height:100%;perspective:1000px;position:absolute;width:100%}.cube{height:50px;transform-style:preserve-3d;width:50px}.cube,.cube-face{position:absolute}.cube-face{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00ff9f1a;border:2px solid #00ff9f4d;height:100%;width:100%}.cube-face.front{transform:translateZ(25px)}.cube-face.back{transform:translateZ(-25px) rotateY(180deg)}.cube-face.right{transform:translateX(25px) rotateY(90deg)}.cube-face.left{transform:translateX(-25px) rotateY(-90deg)}.cube-face.top{transform:translateY(-25px) rotateX(90deg)}.cube-face.bottom{transform:translateY(25px) rotateX(-90deg)}.bubbles-container{height:100%;overflow:hidden;position:absolute;width:100%}.bubble{background:radial-gradient(circle,#00ff9f33 0,#0000 70%);border-radius:50%;box-shadow:0 0 10px #00ff9f4d;filter:blur(5px);height:30px;position:absolute;width:30px}.cyber-particles{height:100%;position:absolute;width:100%}.cyber-particle{background:#00ff9f;background:var(--primary-color);border-radius:50%;box-shadow:0 0 10px #00ff9f;box-shadow:0 0 10px var(--primary-color);height:2px;position:absolute;width:2px}@keyframes float-cube{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse-bubble{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes particle-glow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.about-container{background-color:#0a0a0a;background-color:var(--background-dark);min-height:100vh}.about-hero{background:linear-gradient(180deg,#00ff9f1a,#0000);padding:8rem 2rem 4rem;text-align:center}.about-content{margin:0 auto;max-width:800px}.about-content h1{color:#00ff9f;color:var(--primary-color);font-size:3.5rem;margin-bottom:1rem;text-shadow:0 0 10px #00ff9f4d}.about-subtitle{font-size:1.5rem;margin-bottom:2rem}.about-description,.about-subtitle{color:#a8a8a8;color:var(--text-secondary)}.about-description{font-size:1.1rem;line-height:1.8}.about-features{padding:4rem 2rem}.section-title{color:#00ff9f;color:var(--primary-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-10px)}.feature-icon{color:#00ff9f;color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#fff;color:var(--text-primary);margin-bottom:1rem}.feature-card p{color:#a8a8a8;color:var(--text-secondary)}.about-mission{background:#1a1a1a;background:var(--background-light);padding:4rem 2rem}.mission-content{margin:0 auto;max-width:800px;text-align:center}.mission-content h2{color:#00ff9f;color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem}.mission-content p{color:#a8a8a8;color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.about-team{padding:4rem 2rem}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.team-card{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;padding:2rem;text-align:center;transition:all .3s ease}.team-card:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-10px)}.team-card h3{color:#00ff9f;color:var(--primary-color);margin-bottom:.5rem}.team-card .role{color:#fff;color:var(--text-primary);font-weight:700;margin-bottom:1rem}.team-card .description{color:#a8a8a8;color:var(--text-secondary)}.contact-container{background-color:#0a0a0a;background-color:var(--background-dark);min-height:100vh}.contact-hero{background:linear-gradient(180deg,#00ff9f1a,#0000);padding:8rem 2rem 4rem;text-align:center}.contact-content{margin:0 auto;max-width:800px}.contact-content h1{color:#00ff9f;color:var(--primary-color);font-size:3.5rem;margin-bottom:1rem;text-shadow:0 0 10px #00ff9f4d}.contact-subtitle{color:#a8a8a8;color:var(--text-secondary);font-size:1.5rem;margin-bottom:2rem}.contact-main{padding:4rem 2rem}.contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-info{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;padding:2rem}.contact-info h2{color:#00ff9f;color:var(--primary-color)}.contact-info h2,.info-items{margin-bottom:2rem}.info-item{align-items:center;display:flex;margin-bottom:1.5rem}.info-icon{color:#00ff9f;color:var(--primary-color);font-size:1.5rem;margin-right:1rem}.info-item h3{color:#fff;color:var(--text-primary);margin-bottom:.5rem}.info-item p{color:#a8a8a8;color:var(--text-secondary)}.social-links{margin-top:2rem}.social-links h3{color:#fff;color:var(--text-primary);margin-bottom:1rem}.social-icons{display:flex;gap:1rem}.social-icon{color:#a8a8a8;color:var(--text-secondary);font-size:1.5rem;transition:all .3s ease}.social-icon:hover{color:#00ff9f;color:var(--primary-color);transform:translateY(-3px)}.contact-form-container{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{background:#0003;border:1px solid #00ff9f33;border-radius:5px;color:#fff;color:var(--text-primary);padding:.8rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#00ff9f;border-color:var(--primary-color);box-shadow:0 0 10px #00ff9f33;outline:none}.submit-button{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border:none;border-radius:5px;color:#0a0a0a;color:var(--background-dark);cursor:pointer;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon);transform:translateY(-2px)}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}.about-content h1,.contact-content h1{font-size:2.5rem}.features-grid,.team-grid{grid-template-columns:1fr}}.blog-section{background-color:#1a1a1a;background-color:var(--background-light);padding:6rem 2rem}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.blog-card{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;overflow:hidden;padding:2rem;position:relative}.blog-card:hover{box-shadow:0 0 10px #00ff9f80,0 0 20px #00ff9f4d,0 0 30px #00ff9f1a;box-shadow:var(--shadow-neon)}.blog-category{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border-radius:20px;color:#0a0a0a;color:var(--background-dark);font-size:.8rem;padding:.3rem .8rem;position:absolute;right:1rem;top:1rem}.blog-card h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin:1rem 0}.blog-card p{margin-bottom:1.5rem}.blog-card p,.blog-date{color:#a8a8a8;color:var(--text-secondary)}.blog-date{display:block;font-size:.9rem;margin-bottom:1rem}.read-more{align-items:center;color:#00ff9f;color:var(--primary-color);display:flex;font-weight:700;gap:.5rem}.read-more:hover{gap:.8rem}.faq-section{background-color:#0a0a0a;background-color:var(--background-dark);padding:6rem 2rem}.faq-container{margin:0 auto;max-width:800px}.faq-item{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;margin-bottom:1rem;overflow:hidden}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.faq-question:hover{background:#00ff9f0d}.faq-question h3{color:#fff;color:var(--text-primary);font-size:1.2rem;margin:0}.faq-answer{color:#a8a8a8;color:var(--text-secondary);padding:0 1.5rem 1.5rem}.faq-category{background:#00ff9f1a;border-radius:20px;color:#00ff9f;color:var(--primary-color);display:inline-block;font-size:.8rem;margin-top:1rem;padding:.3rem .8rem}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.faq-question h3{font-size:1rem}}.auth-page{align-items:center;background-color:#0a0a0a;background-color:var(--background-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-bottom:80px;position:relative}.auth-background{left:0;top:0;z-index:0}.auth-background,.cyber-grid{height:100%;position:absolute;width:100%}.cyber-grid{animation:gridMove 20s linear infinite;background:linear-gradient(90deg,#00ff9f0d 1px,#0000 0) 0 0 /50px 50px,linear-gradient(#00ff9f0d 1px,#0000 0) 0 0 /50px 50px;transform:perspective(500px) rotateX(60deg);transform-origin:center top}.floating-particles{height:100%;position:absolute;width:100%}.auth-particle{background:#00ff9f;background:var(--primary-color);border-radius:50%;box-shadow:0 0 10px #00ff9f;box-shadow:0 0 10px var(--primary-color);filter:blur(3px);height:5px;position:absolute;width:5px}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;border:1px solid #00ff9f1a;border-radius:10px;box-shadow:0 0 20px #0006,0 0 30px #00ff9f1a;margin:1rem;max-width:400px;padding:2rem;position:relative;width:100%;z-index:1}.auth-logo{align-items:center;color:#00ff9f;color:var(--primary-color);display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.auth-logo svg{font-size:1.8rem}.auth-logo h1{font-size:1.6rem;font-weight:700;margin:0}.auth-title{color:#fff;color:var(--text-primary);font-size:1.6rem;margin-bottom:.3rem;text-align:center}.auth-subtitle{color:#a8a8a8;color:var(--text-secondary);font-size:.9rem}.auth-error,.auth-subtitle{margin-bottom:1.5rem;text-align:center}.auth-error{background:#ff00001a;border:1px solid #f003;border-radius:5px;color:#ff6b6b;padding:1rem}.auth-form{align-items:center;display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.input-icon{color:#a8a8a8;color:var(--text-secondary);font-size:.9rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.auth-input{background:#0000004d;border:1px solid #00ff9f33;border-radius:5px;color:#fff;color:var(--text-primary);font-size:.9rem;padding:.8rem .8rem .8rem 2.5rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.auth-input::placeholder{color:#ffffff80;padding-left:.5rem}.form-actions{margin-bottom:.5rem}.forgot-password{color:#00ff9f;color:var(--primary-color);font-size:.9rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-button{background:linear-gradient(90deg,#00ff9f,#00b8ff);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border:none;border-radius:5px;color:#0a0a0a;color:var(--background-dark);cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.8rem;padding:.8rem;transition:all .3s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-footer{align-items:center;display:flex;flex-direction:column;gap:.3rem;margin-top:1.5rem;text-align:center}.auth-footer p{color:#a8a8a8;color:var(--text-secondary);margin:0}.auth-link{color:#00ff9f;color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .3s ease}.auth-link:hover{text-shadow:0 0 10px #00ff9f;text-shadow:0 0 10px var(--primary-color)}@media (max-width:576px){.auth-container{padding:1.5rem}.auth-title{font-size:1.5rem}.auth-input{padding:.8rem .8rem .8rem 2.5rem}.input-icon{font-size:.9rem;left:.8rem}}.auth-page .footer{border-top:1px solid #ffffff1a;bottom:0;padding:1rem;position:absolute;width:100%;z-index:10}.dashboard-content-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;overflow:hidden;width:100%}@media (min-width:992px){.dashboard-content-wrapper{grid-template-columns:350px 1fr}.playbooks-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}}.form-panel{background-color:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;box-shadow:0 4px 15px #0000001a;max-width:100%;overflow:hidden;padding:1.5rem}.form-input,.form-textarea{background:#0000004d;border:1px solid #00ff9f33;border-radius:5px;box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:.9rem;max-width:100%;overflow:hidden;padding:.8rem 1rem;text-overflow:ellipsis;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#00ff9f;border-color:var(--primary-color);box-shadow:0 0 10px #00ff9f33;outline:none}.form-textarea{word-wrap:break-word;min-height:100px;resize:vertical;white-space:pre-wrap}.form-actions{display:flex;gap:.8rem;justify-content:flex-end;margin-top:1.5rem}.primary-button,.secondary-button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;transition:all .3s ease}.primary-button{background:linear-gradient(90deg,#00ff9f,#00b8ff);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.primary-button:hover{box-shadow:0 0 15px #00ff9f80;transform:translateY(-2px)}.secondary-button{background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--text-primary)}.secondary-button:hover{background:#ffffff26;border-color:#ffffff4d}.button-icon{font-size:.9rem}.connection-indicator{border-radius:50%;height:12px;margin-right:.5rem;width:12px}.connection-indicator.connected{background-color:#4cd137;box-shadow:0 0 10px #4cd137}.connection-indicator.connecting{animation:pulse 1s infinite;background-color:#fbc531;box-shadow:0 0 10px #fbc531}.connection-indicator.connection-failed,.connection-indicator.disconnected{background-color:#e84118;box-shadow:0 0 10px #e84118}.status-display{align-items:center;background:#0003;border-radius:5px;display:flex;margin-bottom:1.5rem;padding:.8rem}.status-label{color:#a8a8a8;color:var(--text-secondary);margin-right:.5rem}.status-value{font-weight:500}.status-value.connected{color:#4cd137}.status-value.connecting{color:#fbc531}.status-value.connection-failed,.status-value.disconnected{color:#e84118}.info-panel{display:flex;flex-direction:column}.info-content{flex:1 1}.info-content p{color:#a8a8a8;color:var(--text-secondary);margin-bottom:1rem}.info-content h3{margin:1.5rem 0 .8rem}.info-content ul{margin-bottom:1rem;padding-left:1.5rem}.info-content li{color:#a8a8a8;color:var(--text-secondary);margin-bottom:.5rem}.playbook-list{list-style:none;margin:0;padding:0}.playbook-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.8rem}.playbook-item:hover{background:#00ff9f0d}.playbook-info{min-width:0;padding-right:.5rem}.playbook-info,.playbook-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playbook-name{display:block;max-width:100%}.playbook-category{color:#a8a8a8;color:var(--text-secondary);margin-top:.3rem}.playbook-actions{flex-shrink:0;gap:.5rem}.action-btn{background:#0000;border:none;border-radius:3px;color:#a8a8a8;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .3s ease}.select-btn{color:#00ff9f;color:var(--primary-color)}.select-btn:hover{background:#00ff9f1a}.delete-btn{color:#e84118}.delete-btn:hover{background:#e841181a}.selected-playbook{background:#00ff9f1a;border-radius:5px;margin:1.5rem 0;padding:1rem}.playbook-badge{background:#0000004d;margin:.5rem 0 1rem}.run-button{margin-top:.5rem}.upload-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.loading-indicator{color:#a8a8a8;color:var(--text-secondary);padding:1rem;text-align:center}.device-selector{box-sizing:border-box;height:120px;overflow-y:auto;padding:8px;width:100%}.device-selector-panel{padding:1.8rem}.device-select-container{margin-bottom:1.5rem}.device-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#0000004d;background-image:linear-gradient(45deg,#0000 50%,#00ff9f 0),linear-gradient(135deg,#00ff9f 50%,#0000 0);background-image:linear-gradient(45deg,#0000 50%,var(--primary-color) 50%),linear-gradient(135deg,var(--primary-color) 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #00ff9f4d;box-shadow:0 0 5px #00ff9f1a;cursor:pointer;font-size:1rem;padding:12px 15px}.device-dropdown:focus{box-shadow:0 0 10px #00ff9f4d;outline:none}.device-dropdown option{background-color:#0a0a0a;background-color:var(--background-dark);color:#fff;color:var(--text-primary);padding:10px}.form-help{color:#a8a8a8;color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.3rem}.file-upload-wrapper{box-sizing:border-box;margin-top:.5rem;position:relative;width:100%}.file-upload{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.file-upload-label{background:#0000004d;border:1px dashed #00ff9f66;border-radius:5px;color:#fff;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:.8rem 1rem;text-align:center;transition:all .3s ease;width:100%}.file-upload-label:hover{background:#00ff9f1a}.range-input-container{margin-top:.5rem}.range-input{appearance:none;background:#ffffff1a;border-radius:5px;height:5px}.range-input::-webkit-slider-thumb{appearance:none;box-shadow:0 0 5px #00ff9f;box-shadow:0 0 5px var(--primary-color);height:16px;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}.range-input::-moz-range-thumb{background:#00ff9f;background:var(--primary-color);border-radius:50%;box-shadow:0 0 5px #00ff9f;box-shadow:0 0 5px var(--primary-color);cursor:pointer;height:16px;-moz-transition:all .3s ease;transition:all .3s ease;width:16px}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-input::-moz-range-thumb:hover{transform:scale(1.2)}.range-value{width:50px}.info-note{background:#ffa5001a;border-left:3px solid orange;color:orange;font-size:.9rem;margin-top:1.5rem}.input-icon{color:#00ff9f;color:var(--primary-color);margin-right:.5rem}.form-group{margin-bottom:1.2rem;margin-right:20px;width:100%}.form-group label{color:#a8a8a8;color:var(--text-secondary);display:block;margin-bottom:.5rem}.device-form .form-group,.ssh-form .form-group{width:100%}.playbooks-container{overflow:hidden;width:100%}.playbook-name{color:#fff;color:var(--text-primary);font-weight:500}.table-container{overflow-x:auto;width:100%}.device-list{min-width:600px}@media (max-width:768px){.dashboard-content-wrapper,.playbooks-container{grid-template-columns:1fr!important}.dashboard-panel,.form-panel{max-width:100%;overflow:hidden}.playbook-item{align-items:flex-start;flex-direction:column}.playbook-info{margin-bottom:.5rem;width:100%}.playbook-actions{justify-content:flex-end;width:100%}.action-button{width:100%}}.playbook-item{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.playbook-item:hover{border-color:#00ff9f;border-color:var(--primary-color);box-shadow:0 4px 15px #00ff9f1a;transform:translateY(-2px)}.playbook-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.playbook-name{font-size:1.1rem;font-weight:600}.playbook-category,.playbook-name{color:#00ff9f;color:var(--primary-color)}.playbook-category{align-self:flex-start;background:#00ff9f1a;border-radius:15px;display:inline-block;font-size:.8rem;padding:.3rem .8rem}.playbook-description{color:#a8a8a8;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-top:.5rem}.playbook-actions{display:flex;justify-content:flex-end;margin-top:1rem}.action-btn.select-btn{background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border-radius:5px;color:#0a0a0a;color:var(--background-dark);font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.action-btn.select-btn:hover{box-shadow:0 4px 15px #00ff9f33;transform:translateY(-2px)}.selected-playbook{background:#00ff9f0d;border:1px solid #00ff9f33;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.playbook-badge,.selected-playbook h3{color:#00ff9f;color:var(--primary-color);margin-bottom:1rem}.playbook-badge{background:#00ff9f1a;border-radius:5px;display:inline-block;font-family:monospace;padding:.5rem 1rem}.run-button{align-items:center;background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border-radius:5px;color:#0a0a0a;color:var(--background-dark);display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.8rem;transition:all .3s ease;width:100%}.run-button:hover:not(:disabled){box-shadow:0 4px 15px #00ff9f33;transform:translateY(-2px)}.run-button:disabled{cursor:not-allowed;opacity:.7}.device-selector-panel{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.device-dropdown{background:#0000004d;border:1px solid #00ff9f33;border-radius:5px;color:#fff;color:var(--text-primary);margin-top:.5rem;padding:.8rem;transition:all .3s ease;width:100%}.device-dropdown:focus{border-color:#00ff9f;border-color:var(--primary-color);box-shadow:0 0 10px #00ff9f1a}.audit-form{gap:1.5rem}.audit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#fff;color:var(--text-primary);font-weight:500}.device-selector{background:#0000004d!important;border:1px solid #00ff9f33!important;height:150px!important;padding:.8rem!important}.device-selector option{color:#fff;color:var(--text-primary);padding:.5rem}.device-selector option:checked{background:#00ff9f1a;color:#00ff9f;color:var(--primary-color)}.range-input-container{align-items:center;display:flex;gap:1rem;padding:.5rem 0}.range-input{-webkit-appearance:none;background:#00ff9f33;border-radius:2px;flex:1 1;height:4px;outline:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;background:#00ff9f;background:var(--primary-color);border:2px solid #0a0a0a;border:2px solid var(--background-dark);border-radius:50%;box-shadow:0 0 10px #00ff9f4d;cursor:pointer;height:20px;width:20px}.range-value{background:#00ff9f1a;border-radius:15px;color:#00ff9f;color:var(--primary-color);font-weight:500;min-width:60px;padding:.4rem .8rem;text-align:center}.info-content{color:#a8a8a8;color:var(--text-secondary);line-height:1.6}.info-content h3{color:#00ff9f;color:var(--primary-color);font-size:1.1rem;margin:1.5rem 0 1rem}.info-content ol,.info-content ul{margin-bottom:1.5rem;padding-left:1.2rem}.info-content li{margin-bottom:.8rem}.info-content strong{color:#fff;color:var(--text-primary)}.info-note{background:#00ff9f0d;border-left:3px solid #00ff9f;border-left:3px solid var(--primary-color);border-radius:3px;color:#a8a8a8;color:var(--text-secondary);margin-top:2rem;padding:1rem}.panel-header{align-items:center;border-bottom:1px solid #00ff9f1a;display:flex;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem}.panel-icon{color:#00ff9f;color:var(--primary-color);font-size:1.2rem}.primary-button{align-items:center;background:linear-gradient(135deg,#00ff9f,#00b8ff);background:var(--gradient-primary);border:none;border-radius:5px;color:#0a0a0a;color:var(--background-dark);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.primary-button:hover:not(:disabled){box-shadow:0 4px 15px #00ff9f33;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.7}.button-icon{font-size:1rem}.playbooks-scrollable-panel{max-height:650px;overflow-y:auto;scrollbar-color:#00ff9f4d #0000;scrollbar-width:thin}.playbooks-scrollable-panel::-webkit-scrollbar{background:#0000;width:6px}.playbooks-scrollable-panel::-webkit-scrollbar-thumb{background-color:#00ff9f4d;border-radius:3px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.playbooks-scrollable-panel::-webkit-scrollbar-thumb:hover{background-color:#00ff9f80}.full-width-terminal-panel{background:#1a1a1acc;border:1px solid #00ff9f1a;border-radius:10px;margin-top:1.5rem;width:100%}.full-width-terminal-panel .terminal-output{background-color:#111;border-radius:5px;color:#00ff9f;font-family:monospace;font-size:.9em;line-height:1.5;max-height:400px;overflow-y:auto;padding:1rem;white-space:pre-wrap}
/*# sourceMappingURL=main.4c60e223.css.map*/