@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";.navbar{background:radial-gradient(circle at 0% 0%,#1a1a40,#050514 55%,#000);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999;transition:all .35s ease;box-shadow:0 18px 45px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-container{display:flex;justify-content:space-between;height:80px;z-index:1;width:100%;max-width:1200px;padding:0 24px}.navbar-logo{display:flex;flex-direction:column;justify-content:center;text-decoration:none;cursor:pointer;line-height:1.1;letter-spacing:1.5px;padding:0;margin:0}.logo-main{font-size:1.35rem;font-weight:800;text-transform:uppercase;background:linear-gradient(120deg,#00eaff,#ffe15a,#ff4bff);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logoGradient 6s ease infinite;transition:transform .25s ease,text-shadow .25s ease}.logo-accent{font-size:.95rem;font-weight:600;color:#d6f8ff;opacity:.85;transition:opacity .25s ease}.navbar-logo:hover .logo-main{transform:translateY(-2px);text-shadow:0 0 12px rgba(0,255,255,.7)}.navbar-logo:hover .logo-accent{opacity:1}@keyframes logoGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav-menu{display:flex;align-items:center;list-style:none;text-align:center}.nav-item{height:80px;display:flex;align-items:center}.nav-links{position:relative;color:#e7e7ff;display:flex;align-items:center;text-decoration:none;padding:.45rem 1.15rem;height:auto;cursor:pointer;transition:all .25s ease;border-radius:999px;font-weight:500;letter-spacing:.4px}.nav-links:after{content:"";position:absolute;left:18%;right:18%;bottom:-4px;height:3px;border-radius:999px;background:linear-gradient(90deg,#00e6ff,#ff4bff);transform:scaleX(0);transition:transform .25s ease;opacity:.9}.nav-links:hover{color:#fff;background:radial-gradient(circle at 0% 0%,rgba(0,255,255,.16),transparent 60%);box-shadow:0 10px 30px #000000b3;transform:translateY(-2px)}.nav-links:hover:after{transform:scaleX(1)}.nav-links.active{color:#fff;background:linear-gradient(120deg,#00e6ff2e,#ff4bff40);box-shadow:0 0 0 1px #00e6ff4d,0 14px 32px #000000d9}.nav-links.active:after{transform:scaleX(1)}.menu-icon{display:none;color:#fff}@media screen and (max-width: 960px){.navbar-container{padding:0 20px}.nav-menu{display:flex;flex-direction:column;width:100%;height:100vh;position:absolute;top:0;left:-100%;opacity:0;transition:all .5s ease;background:radial-gradient(circle at 0% 0%,#050517,#020109 55%,#000);overflow:hidden;padding-top:80px}.nav-menu.active{left:0;opacity:1;z-index:1}.nav-item{width:100%;justify-content:center}.nav-links{text-align:center;padding:1.4rem;width:100%;display:flex;justify-content:center;border-radius:0;box-shadow:none}.nav-links:after{left:28%;right:28%;bottom:0}.nav-links:hover{background:linear-gradient(120deg,#00e6ff2e,#7852ff40);transform:none}.logo-main{font-size:1.15rem}.logo-accent{font-size:.85rem}.menu-icon{display:block;position:absolute;top:0;right:20px;transform:translateY(60%);font-size:1.9rem;cursor:pointer;z-index:2}}.footer{position:relative;padding:2.5rem 0 2rem;background:radial-gradient(circle at top,#171735,#050510 55%,#020206);border-top:1px solid rgba(0,255,255,.1);box-shadow:0 -10px 30px #000000b3;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#00eaff,#b37bff,#ff4bff);opacity:.85;filter:blur(.2px)}.footer:after{content:"";position:absolute;bottom:-80px;left:50%;width:420px;height:160px;transform:translate(-50%);background:radial-gradient(circle,rgba(0,255,255,.18),transparent 70%);opacity:.7;pointer-events:none}.footer-container{position:relative;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-links{margin-bottom:1.3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem}.footer-link{color:#b9bdd5;font-size:.98rem;text-decoration:none;position:relative;padding-bottom:2px;letter-spacing:.6px;text-transform:uppercase;font-weight:500;transition:color .25s ease,transform .25s ease}.footer-link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#00eaff,#ff4bff);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;opacity:.9}.footer-link:hover{color:#fff;transform:translateY(-1px)}.footer-link:hover:after{transform:scaleX(1)}.social-icons{margin-bottom:1.2rem;display:flex;gap:.9rem;justify-content:center}.social-icon-link{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#e7e7ff;font-size:1.35rem;text-decoration:none;background:radial-gradient(circle at 30% 0%,#ffffff1f,#080814f2);border:1px solid rgba(0,255,255,.18);box-shadow:0 6px 18px #000000e6,0 0 10px #00ffff26;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease}.social-icon-link:hover{transform:translateY(-3px) scale(1.08);color:#0ff;border-color:#0ffc;box-shadow:0 10px 26px #000000f2,0 0 16px #00ffffb3}.footer-copy{color:#9fa4c5;font-size:.9rem;letter-spacing:.4px;opacity:.9}.home-container{min-height:calc(100vh - 80px);text-align:center;position:relative;overflow:visible}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 80px);z-index:1;position:relative}.hero-tagline{font-size:4rem;margin-bottom:1rem;background:linear-gradient(120deg,#fff,#b3e6ff,#5ee7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(0,0,0,.95)}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;color:#e3ecff;text-shadow:0 0 14px rgba(0,0,0,1)}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.hero-section .btn{margin-right:0}.hero-section .btn:last-child{margin-right:0}.background-animation{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden}.background-animation:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top,#0006,#000000e6 55%,#000)}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) contrast(1.1) saturate(1.05);transform:scale(1.05)}.intro-section{padding:80px 20px;position:relative}.intro-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.intro-section p{font-size:1.2rem;color:#c4c4c4;max-width:800px;margin:0 auto}.services-section{padding:80px 20px;position:relative}.services-section h2{font-size:2.5rem;margin-bottom:3rem;color:#fff}.service-cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto}.service-card{background:#ffffff1a;border-radius:10px;padding:2rem;width:300px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);perspective:1000px;transform-style:preserve-3d}.service-card h3{font-size:1.8rem;margin-bottom:1rem}.service-card p{color:#c4c4c4}.why-choose-us-section{padding:80px 20px;position:relative}.why-choose-us-section h2{font-size:2.5rem;margin-bottom:3rem;color:#fff}.benefits{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;max-width:800px;margin:0 auto}.benefit{background:#ffffff1a;border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);perspective:1000px;transform-style:preserve-3d}.testimonials-section{padding:80px 20px;position:relative}.testimonials-section h2{font-size:2.5rem;margin-bottom:3rem;color:#fff}.testimonial-cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:#ffffff1a;border-radius:10px;padding:2rem;width:300px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);perspective:1000px;transform-style:preserve-3d}.testimonial-card p{font-size:1.1rem;margin-bottom:1rem;font-style:italic}.testimonial-card cite{font-size:.9rem;color:#c4c4c4;font-weight:700}.cta-section{padding:80px 20px;position:relative}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.2rem;color:#c4c4c4;max-width:800px;margin:0 auto 2rem}.scroll-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.cursor{color:#5ee7ff;animation:blink 1s infinite;text-shadow:0 0 10px rgba(0,0,0,1)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media screen and (max-width: 768px){.hero-tagline{font-size:3rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center;gap:1.5rem}}.portfolio-container{padding:4rem 2rem;text-align:center;min-height:100vh;background:radial-gradient(circle at 20% 20%,#0b0b22,#0a0a1a,#040410,#000);background-size:300% 300%;animation:galaxyMove 20s ease-in-out infinite}@keyframes galaxyMove{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.portfolio-title{font-size:3rem;margin-bottom:3rem;background:linear-gradient(90deg,#9f7aea,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-section{margin-bottom:4rem;background:#ffffff0d;padding:2rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.section-title{font-size:2rem;margin-bottom:2rem;background:linear-gradient(90deg,#9f7aea,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.portfolio-item{border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0a0a1ae6;transition:box-shadow .3s ease}.portfolio-item:hover{box-shadow:0 4px 20px #9f7aea4d}.portfolio-image{width:100%;height:200px;object-fit:cover}.slideshow-container{position:relative;width:100%;height:200px;overflow:hidden}.portfolio-details{padding:1.5rem}.portfolio-item-title{font-size:1.5rem;margin-bottom:.5rem;color:#0ff;overflow-wrap:break-word;word-break:break-word}.portfolio-item-description{font-size:1rem;margin-bottom:1rem;color:#c4c4c4;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.visit-button{background:linear-gradient(90deg,#9f7aea,#0ff);color:#0a0a1a;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-weight:700;transition:transform .3s ease;text-decoration:none;display:inline-block}.visit-button:hover{transform:scale(1.05)}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.portfolio-details{padding:1.25rem}}@media (max-width: 768px){.portfolio-container{padding:2rem 1rem}.portfolio-title{font-size:2.5rem}.section-title{font-size:1.75rem}.portfolio-section{padding:1.5rem;margin-bottom:3rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem}.portfolio-item{overflow:visible}.portfolio-details{padding:1rem}.portfolio-item-title{font-size:1.25rem}.portfolio-item-description{font-size:.9rem}.portfolio-image,.slideshow-container{height:180px}}@media (max-width: 480px){.portfolio-container{padding:1.5rem .5rem}.portfolio-title{font-size:2rem}.section-title{font-size:1.5rem}.portfolio-section{padding:1rem}.portfolio-details{padding:.75rem}.portfolio-item-title{font-size:1.125rem}.portfolio-item-description{font-size:.875rem}.visit-button{padding:.4rem .8rem;font-size:.9rem}.portfolio-image,.slideshow-container{height:160px}}.portfolio-item{display:flex;flex-direction:column}.video-container{position:relative;width:100%;padding-top:56.25%;border-radius:15px 15px 0 0;overflow:hidden;background:#000}.portfolio-video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}.services-container{padding:4rem 2rem;text-align:center;min-height:100vh;background:#0d0d0d;animation:colorShift 10s ease-in-out infinite}.services-title{font-size:3rem;margin-bottom:3rem;background:linear-gradient(90deg,#9f7aea,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-intro{font-size:1.2rem;margin-bottom:2rem;color:#c4c4c4;max-width:800px;margin-left:auto;margin-right:auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.service-icon{font-size:3rem;color:#0ff;margin-bottom:1rem}.service-title{font-size:1.5rem;margin-bottom:1rem}.service-description{font-size:1rem;color:#c4c4c4}@keyframes colorShift{0%{background:#0d0d0d}20%{background:#1a1a1a}40%{background:#000}60%{background:#0f0f23}80%{background:#1c1c1c}to{background:#0d0d0d}}.contact-container{padding:4rem 2rem}.contact-title{text-align:center;font-size:3rem;margin-bottom:3rem;background:linear-gradient(90deg,#9f7aea,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto}.contact-form-container{background:#ffffff0d;padding:2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.contact-form-container:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0ff3}.contact-form input,.contact-form textarea{width:100%;padding:1.2rem;margin-bottom:1.5rem;border:1px solid #2a2a3a;border-radius:10px;background:#0a0a1a;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#0ff;box-shadow:0 0 10px #00ffff80;transform:scale(1.02)}.contact-form textarea{resize:vertical;min-height:120px}.contact-info h3{font-size:1.5rem;color:#0ff;margin-bottom:1rem}.contact-info p{font-size:1.1rem;margin-bottom:2rem}.map-placeholder{width:100%;height:300px;margin-top:1rem;border-radius:10px;overflow:hidden}.map-placeholder iframe{border-radius:10px}@media screen and (max-width: 960px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-container{padding:2rem 1rem}.contact-title{font-size:2.5rem}.contact-form input,.contact-form textarea,.contact-form button[type=submit]{padding:1rem}}.contact-form button[type=submit]{width:100%;padding:1.2rem;background:linear-gradient(90deg,#9f7aea,#0ff);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #9f7aea66}.contact-form button[type=submit]:hover{background:linear-gradient(90deg,#0ff,#9f7aea);transform:translateY(-2px);box-shadow:0 8px 20px #0ff6}.contact-form button[type=submit]:active{transform:translateY(0)}.status{margin-top:1rem;padding:1rem;border-radius:5px;text-align:center;font-weight:700}.status.success{background:#00ff001a;color:#0f0;border:1px solid #00ff00}.status.error{background:#ff00001a;color:red;border:1px solid #ff0000}.privacy-container{padding:4rem 2rem;max-width:900px;margin:0 auto}.privacy-title{text-align:center;font-size:3rem;margin-bottom:3rem;background:linear-gradient(90deg,#9f7aea,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.privacy-content h2{font-size:2rem;color:#0ff;margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid #2a2a3a;padding-bottom:.5rem}.privacy-content h3{font-size:1.5rem;color:#c4c4c4;margin-top:1.5rem;margin-bottom:1rem}.privacy-content p{font-size:1.1rem;line-height:1.6;color:#c4c4c4;margin-bottom:1rem}.pg-container{min-height:100vh;padding:3rem 2rem;background:radial-gradient(circle at 20% 20%,#0b0b22,#050515,#000);color:#f5f5ff}.pg-title{text-align:center;font-size:2.6rem;margin-bottom:.4rem;background:linear-gradient(90deg,#9f7aea,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pg-subtitle{text-align:center;max-width:720px;margin:0 auto 2.2rem;font-size:.95rem;color:#b8b8dd}.pg-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem}.pg-form{background:#0a0a1af5;border-radius:18px;padding:1.7rem;border:1px solid rgba(159,122,234,.4);box-shadow:0 14px 32px #000000b3;max-height:82vh;overflow-y:auto}.pg-section-heading{font-size:1.1rem;margin:1.4rem 0 .6rem;color:#0ff}.pg-row{display:flex;gap:1rem}.pg-field{flex:1;display:flex;flex-direction:column;margin-bottom:.9rem}.pg-field label{font-size:.8rem;color:#a9a9cf;margin-bottom:.25rem}.pg-field input,.pg-field textarea,.pg-field select{background:#080818f5;border-radius:10px;border:1px solid rgba(255,255,255,.12);padding:.55rem .7rem;color:#f5f5ff;font-size:.9rem;outline:none;transition:border .15s ease,box-shadow .15s ease,background .15s ease}.pg-field input::placeholder,.pg-field textarea::placeholder{color:#6b6b97}.pg-field input:focus,.pg-field textarea:focus,.pg-field select:focus{border-color:#0ff;box-shadow:0 0 0 1px #0ff6;background:#0c0c20}.pg-generate-btn{width:100%;margin-top:.5rem;padding:.7rem 1rem;border-radius:999px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;background:linear-gradient(90deg,#9f7aea,#0ff);color:#050515;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.pg-generate-btn:disabled{opacity:.7;cursor:default}.pg-generate-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #00ffff52}.pg-error{color:#ff6b81;font-size:.8rem;margin-bottom:.4rem}.pg-preview{display:flex;flex-direction:column;gap:.9rem}.pg-tabs{display:flex;align-items:center;gap:.5rem}.pg-tab{padding:.4rem .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0c0c20e6;color:#e2e2ff;font-size:.8rem;cursor:pointer;transition:background .15s ease,border .15s ease,transform .15s ease}.pg-tab.secondary{margin-left:auto;font-size:.78rem}.pg-tab.active{background:linear-gradient(90deg,#9f7aea,#0ff);color:#050515;border-color:transparent}.pg-tab:disabled{opacity:.5;cursor:default}.pg-tab:not(.active):not(:disabled):hover{transform:translateY(-1px)}.pg-placeholder{flex:1;border-radius:16px;padding:1.4rem;border:1px dashed rgba(0,255,255,.4);background:#060616f5;display:flex;flex-direction:column;justify-content:center;gap:.35rem;font-size:.9rem;color:#c6c6f2}.pg-iframe{flex:1;border-radius:16px;border:1px solid rgba(0,255,255,.4);background:#000;width:100%;min-height:420px}.pg-code{width:100%;min-height:420px;border-radius:16px;padding:.9rem;background:#050510;border:1px solid rgba(0,255,255,.35);color:#e8e8ff;font-family:Fira Code,monospace;font-size:.78rem;line-height:1.4;resize:vertical}@media (max-width: 1024px){.pg-grid{grid-template-columns:1fr}.pg-form{max-height:none}}@media (max-width: 768px){.pg-container{padding:2rem 1rem}.pg-title{font-size:2.1rem}.pg-row{flex-direction:column}}@media (max-width: 480px){.pg-container{padding:1.5rem .7rem}.pg-title{font-size:1.8rem}.pg-subtitle{font-size:.86rem}}.chatbot-toggle{bottom:20px;right:20px;width:60px;height:60px;border-radius:999px;border:none;cursor:pointer;font-size:24px;background:radial-gradient(circle at 20% 0%,#4ade80,#16a34a 40%,#020617);color:#ecfdf5;z-index:9999;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #22c55e80,0 18px 45px #000000b3,0 0 18px #22c55ea6;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;position:fixed;overflow:hidden}.chatbot-toggle:before{content:"";position:absolute;inset:6px;border-radius:inherit;border:1px solid rgba(15,23,42,.9);box-shadow:0 0 22px #22c55e99;opacity:.35;pointer-events:none}.chatbot-toggle:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 1px #22c55ecc,0 22px 55px #000000d9,0 0 26px #22c55ee6;filter:brightness(1.07)}.chatbot-window{bottom:90px;right:20px;width:360px;max-height:520px;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(34,197,94,.07),transparent 55%),radial-gradient(circle at bottom right,rgba(56,189,248,.09),transparent 55%),#020617;border-radius:20px;overflow:hidden;box-shadow:0 28px 80px #000000f2,0 0 40px #0f172ad9;z-index:9999;color:#f9fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid rgba(15,23,42,.95);position:fixed}.chatbot-window:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#22c55e8c,#38bdf833);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media (max-width: 640px){.chatbot-window{width:calc(100vw - 24px);right:12px;bottom:80px;max-height:75vh}}.chatbot-header{padding:10px 14px;background:linear-gradient(120deg,#0f172afa,#020617fa 45%,#0f172a);border-bottom:1px solid #020617;display:flex;justify-content:space-between;align-items:center}.chatbot-header-left{display:flex;align-items:center;gap:10px}.chatbot-header-left:before{content:"";width:26px;height:26px;border-radius:999px;background:conic-gradient(from 180deg,#22c55e,#22c55e,#0ea5e9,#22c55e);box-shadow:0 0 20px #22c55ecc,0 0 30px #0ea5e980}.chatbot-title{font-weight:600;font-size:14px;letter-spacing:.04em}.chatbot-subtitle{font-size:11px;color:#9ca3af}.chatbot-close{background:#0f172af2;border-radius:999px;border:1px solid #1f2937;color:#9ca3af;cursor:pointer;font-size:14px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,transform .12s ease}.chatbot-close:hover{background:#111827;color:#f9fafb;transform:scale(1.06)}.chatbot-messages{padding:12px 10px 10px;flex:1;overflow-y:auto;font-size:13px;background:radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 60%),radial-gradient(circle at bottom left,rgba(56,189,248,.05),transparent 60%),#020617;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chatbot-messages:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.35) 1px,transparent 1px);background-size:26px 26px;opacity:.45;pointer-events:none}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.chat-msg{display:block;padding:9px 12px;border-radius:14px;margin-bottom:8px;max-width:85%;line-height:1.45;white-space:pre-wrap;position:relative}.chat-msg .msg-time{font-size:10px;color:#9ca3af;margin-top:2px;display:block;text-align:right}.bot-msg{margin-right:auto;background:radial-gradient(circle at top left,#020617,#020617 55% 100%);color:#e5e7eb;border-bottom-left-radius:4px;border:1px solid rgba(55,65,81,.85);box-shadow:0 12px 26px #0f172ae6}.user-msg{margin-left:auto;background:radial-gradient(circle at top left,#1d4ed8,#2563eb 40%,#1d4ed8);color:#f9fafb;border-bottom-right-radius:4px;box-shadow:0 10px 22px #2563eb80,0 0 18px #2563eb99}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;background:#0f172af2;border:1px solid #1f2937}.typing-indicator .dot{width:4px;height:4px;border-radius:999px;background:#9ca3af;animation:typing-bounce 1s infinite ease-in-out}.typing-indicator .dot:nth-child(2){animation-delay:.15s}.typing-indicator .dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}.chatbot-input{padding:8px;border-top:1px solid #020617;display:flex;flex-direction:row;gap:8px;background:linear-gradient(90deg,#020617,#020617)}.chatbot-input textarea{flex:1;resize:none;border-radius:999px;border:1px solid #1f2937;background:#020617fa;color:#e5e7eb;font-size:13px;padding:8px 12px;max-height:90px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.chatbot-input textarea::placeholder{color:#6b7280;font-size:12px}.chatbot-input textarea:focus{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e66,0 0 18px #22c55e4d;background:#020617}.chatbot-input button{padding:0 16px;border-radius:999px;border:none;font-size:13px;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;min-width:70px;transition:transform .12s ease,box-shadow .15s ease,filter .12s ease;box-shadow:0 10px 20px #16a34a73,0 0 18px #16a34ab3}.chatbot-input button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 26px #16a34a8c,0 0 24px #16a34ad9}.chatbot-input button:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px #16a34a66,0 0 18px #16a34ab3}.chatbot-input button:disabled{opacity:.5;cursor:default;box-shadow:none}html{margin:0;padding:0}*{box-sizing:border-box}body{margin:0;font-family:Orbitron,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a1a;color:#fff;overflow-x:hidden}a{color:#0ff;text-decoration:none;transition:color .3s ease}a:hover{color:#9f7aea}.container{max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{font-weight:700}.btn{display:inline-block;padding:.8rem 1.5rem;border:1px solid #00ffff;border-radius:5px;background:transparent;color:#0ff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.btn:hover{background:#0ff;color:#0a0a1a;box-shadow:0 0 15px #0ff}.btn-primary{background:linear-gradient(90deg,#9f7aea,#0ff);color:#0a0a1a;border:none}.btn-primary:hover{background:linear-gradient(90deg,#0ff,#9f7aea);box-shadow:0 0 20px #9f7aea}