:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color: #0f172a;--accent-color: #38bdf8;--text-main: #f8fafc;--text-dim: #94a3b8}.landing-container{background-image:url(background.jpg);background-size:cover;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;padding:0 2rem;width:100vw;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.logo{font-size:1.5rem;font-weight:700}.ai-badge{background:linear-gradient(90deg,#38bdf8,#818cf8);padding:2px 8px;border-radius:4px;font-size:.8rem}.hero{text-align:center;padding:6rem 0;max-width:100%;margin:0}.hero h1{font-size:4rem;margin-bottom:1.5rem}.highlight{color:var(--accent-color)}.hero p{font-size:1.25rem;color:var(--text-dim);line-height:1.6}.hero-cta{margin-top:3rem;display:flex;gap:1rem;justify-content:center}.btn-primary,.btn-large{background-color:var(--accent-color);color:#000;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:10px}.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-secondary,.btn-outline{background:transparent;color:#fff;border:1px solid #334155;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem 0;width:100%}.feature-card{--white: hsl(0, 0%, 100%);--black: hsl(240, 15%, 9%);--paragraph: hsl(0, 0%, 83%);--line: hsl(240, 9%, 17%);--primary: hsl(189, 92%, 58%);position:relative;display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#14141a;background-image:radial-gradient(at 88% 40%,hsla(240,15%,9%,1) 0px,transparent 85%),radial-gradient(at 49% 30%,hsla(240,15%,9%,1) 0px,transparent 85%),radial-gradient(at 14% 26%,hsla(240,15%,9%,1) 0px,transparent 85%),radial-gradient(at 0% 64%,hsl(189,99%,26%) 0px,transparent 85%),radial-gradient(at 41% 94%,hsl(189,97%,36%) 0px,transparent 85%),radial-gradient(at 100% 99%,hsl(188,94%,13%) 0px,transparent 85%);border-radius:1rem;box-shadow:0 -16px 24px #ffffff40 inset}.feature-card .feature-card-border{overflow:hidden;pointer-events:none;position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 2px);height:calc(100% + 2px);background-image:linear-gradient(0deg,#fff -50%,#666);border-radius:1rem}.feature-card .feature-card-border:before{content:"";pointer-events:none;position:absolute;z-index:200;top:50%;left:50%;transform:translate(-50%,-50%),rotate(0);transform-origin:left;width:200%;height:10rem;background-image:linear-gradient(0deg,#fff0,#00d9ff 40% 60%,#6660);animation:rotate 8s linear infinite}.footer{text-align:center;padding:4rem 0;color:var(--text-dim);border-top:1px solid #334155}.dashboard-wrapper{background-image:url(/service.jpg);background-size:cover;display:flex;height:100vh;width:100vw;color:#f8fafc;overflow:hidden}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:2rem}.service-card{background:#1e293b;border:1px solid #334155;padding:1.5rem;border-radius:12px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.connected{background:#22c55e}.status-dot.pending{background:#f59e0b}pre{background:#000;padding:1.5rem;border-radius:8px;overflow-x:auto;color:#38bdf8;border:1px solid #334155;margin:1rem 0}.doc-section{margin-top:2.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1e293b;padding:2.5rem;border-radius:16px;width:450px;border:1px solid #334155;box-shadow:0 10px 25px #00000080}.modal-content h2{margin-bottom:.5rem}.modal-content p{color:var(--text-dim);margin-bottom:2rem}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500}.form-group input,.form-group select{background:#0f172a;border:1px solid #334155;padding:.8rem;border-radius:8px;color:#fff;outline:none}.form-group input:focus{border-color:var(--accent-color)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.success-modal{text-align:center;border:1px solid #22c55e}.success-icon{font-size:3rem;background:#22c55e1a;color:#22c55e;width:80px;height:80px;line-height:80px;border-radius:50%;margin:0 auto 1.5rem}.success-modal p{margin-bottom:2rem;line-height:1.5}.full-width button{width:100%;padding:1rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card{--white: hsl(0, 0%, 100%);--black: hsl(240, 15%, 9%);--paragraph: hsl(0, 0%, 83%);--line: hsl(240, 9%, 17%);--primary: hsl(266, 92%, 58%);position:relative;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:19rem;background-color:#14141a;background-image:radial-gradient(at 88% 40%,hsla(240,15%,9%,1) 0px,transparent 85%),radial-gradient(at 49% 30%,hsla(240,15%,9%,1) 0px,transparent 85%),radial-gradient(at 14% 26%,hsla(240,15%,9%,1) 0px,transparent 85%),radial-gradient(at 0% 64%,hsla(263,93%,56%,1) 0px,transparent 85%),radial-gradient(at 41% 94%,hsla(284,100%,84%,1) 0px,transparent 85%),radial-gradient(at 100% 99%,hsla(306,100%,57%,1) 0px,transparent 85%);border-radius:1rem;box-shadow:0 -16px 24px #ffffff40 inset}.card .card__border{overflow:hidden;pointer-events:none;position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 2px);height:calc(100% + 2px);background-image:linear-gradient(0deg,#fff -50%,#666);border-radius:1rem}.card .card__border:before{content:"";pointer-events:none;position:fixed;z-index:200;top:50%;left:50%;transform:translate(-50%,-50%),rotate(0);transform-origin:left;width:200%;height:10rem;background-image:linear-gradient(0deg,#fff0,#b038fa 40% 60%,#6660);animation:rotate 8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.card .card_title__container .card_title{font-size:1rem;color:var(--white)}.card .card_title__container .card_paragraph{margin-top:.25rem;width:65%;font-size:.5rem;color:var(--paragraph)}.card .line{width:100%;height:.1rem;background-color:var(--line);border:none}.card .card__list{display:flex;flex-direction:column;gap:.5rem}.card .card__list .card__list_item{display:flex;align-items:center;gap:.5rem}.card .card__list .card__list_item .check{display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;background-color:var(--primary);border-radius:50%}.card .card__list .card__list_item .check .check_svg{width:.75rem;height:.75rem;fill:var(--black)}.card .card__list .card__list_item .list_text{font-size:.75rem;color:var(--white)}.card .button{cursor:pointer;padding:.5rem;width:100%;background-image:linear-gradient(0deg,#5e3aee,#c56bf0);font-size:.75rem;color:var(--white);border:0;border-radius:9999px;box-shadow:inset 0 -2px 25px -4px var(--white)}.sidebar{width:240px;border-right:1px solid #334155;padding:1.5rem}.sidebar-logo{font-weight:700;font-size:1.2rem;margin-bottom:2rem;color:#38bdf8}.nav-item{padding:.75rem 1rem;margin-bottom:.5rem;border-radius:6px;cursor:pointer;color:#94a3b8}.nav-item.active{background:#334155;color:#fff}.error-list{width:350px;border-right:1px solid #334155;padding:1rem;overflow-y:auto}.error-item{padding:1rem;border-radius:8px;background:#1e293b;margin-bottom:1rem;cursor:pointer;border:1px solid transparent}.error-item:hover,.error-item.active{border-color:#38bdf8}.err-msg{font-size:.9rem;font-weight:500;margin:.5rem 0}.badge{font-size:.7rem;padding:2px 6px;border-radius:4px}.high{background:#ef4444;color:#fff}.medium{background:#f59e0b;color:#000}.detail-pane{flex:1;padding:2rem;overflow-y:auto}.stack-trace-box{background:#000;padding:1rem;border-radius:8px;font-family:monospace;margin:1.5rem 0;color:#ef4444}.gemini-fix-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #818cf8;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000004d}.ai-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#818cf8}.btn-apply{margin-top:1rem;padding:.6rem 1rem;background:#38bdf8;border:none;border-radius:4px;font-weight:700;cursor:pointer}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;background-color:#0f172a}.auth-card{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:16px;border:1px solid #334155;width:100%;max-width:400px;box-shadow:0 20px 50px #00000080}.auth-card h2{font-size:1.8rem;margin-bottom:.5rem;text-align:center}.auth-card p{color:#94a3b8;text-align:center;margin-bottom:2rem}.full-width{width:100%;margin-top:1rem;padding:1rem}.auth-footer{margin-top:1.5rem;font-size:.9rem}.auth-footer a{color:#38bdf8;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}