.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#0f2027bf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 40px;display:flex;position:fixed;top:0}.logo img{-o-object-fit:contain;object-fit:contain;width:auto;height:190px;transition:all .3s}.nav-logo{width:180px}@media (width<=768px){.logo img{width:130px}}@media (width<=480px){.logo img{width:110px}}@media (width<=1400px){.logo img{width:180px}}.logo img:hover{transform:scale(1.08)}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:#e2e8f0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg,#00c6ff,#6366f1);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover{color:#00c6ff}.nav-links a:hover:after{width:100%}.nav-links a.active{color:#00c6ff;font-weight:600}.admin-link{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:20px;padding:6px 14px;font-weight:600}.admin-link:hover{box-shadow:0 0 15px #f59e0b99}.auth-buttons{align-items:center;gap:10px;display:flex;position:relative}.mobile-auth{display:none}.login-btn{color:#e2e8f0;font-weight:500;text-decoration:none;transition:all .3s}.login-btn:hover{color:#00c6ff}.signup-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;padding:6px 10px;font-weight:400;text-decoration:none;transition:all .3s}.signup-btn:hover{transform:scale(1.05);box-shadow:0 0 10px #1e52a7b3}.profile-menu-wrap{position:relative}.profile-avatar-btn{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #6366f159;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;display:inline-flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#6366f1);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.profile-name{font-size:.9rem;font-weight:600}.profile-dropdown{background:#0f172af5;border:1px solid #334155e6;border-radius:12px;flex-direction:column;gap:8px;min-width:220px;padding:10px;display:flex;position:absolute;top:46px;right:0;box-shadow:0 14px 28px #00000059}.profile-dropdown-user{color:#94a3b8;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.profile-dropdown button{color:#fecaca;cursor:pointer;background:#ef44442e;border:none;border-radius:8px;padding:8px 10px;font-weight:600}.profile-dropdown button:hover{background:#ef444459}.mobile-auth.logged-in{align-items:center}.mobile-user-name{color:#e2e8f0;text-align:center;font-weight:600}.mobile-logout-btn{color:#fee2e2;cursor:pointer;background:#ef444438;border:none;border-radius:8px;padding:10px}.menu-toggle{cursor:pointer;color:#fff;font-size:.5rem;display:none}@media (width<=768px){.navbar{height:60px;padding:0 20px}.menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f2027f2;border-radius:12px;flex-direction:column;width:220px;padding:20px;animation:.3s fadeIn;display:none;position:absolute;top:60px;right:10px;box-shadow:0 10px 25px #0006}.nav-links.active{display:flex}.nav-links a{text-align:center;padding:10px 0}.mobile-auth{flex-direction:column;gap:10px;margin-top:15px;display:flex}.mobile-auth a{text-align:center;color:#fff;background:linear-gradient(135deg,#00c6ff,#6366f1);border-radius:8px;padding:10px;font-weight:600}.auth-buttons{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);padding:30px 20px 10px;font-family:Arial,sans-serif}.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px;max-width:1200px;margin:auto;display:grid}.footer-section h2,.footer-section h3{margin-bottom:8px;font-size:1rem}.footer-section p{color:#ccc;margin:4px 0;font-size:.8rem;line-height:1.4}.footer-section a{color:#ccc;margin:0;font-size:.9rem;line-height:.001;text-decoration:none;transition:all .2s;display:block}.footer-section a:hover{color:#00c6ff;text-shadow:0 0 3px #00c6ff;transform:translate(3px)}.copyright{text-align:center;color:#aaa;border-top:1px solid #2c5364;margin-top:15px;padding-top:8px;font-size:1rem}@media (width<=768px){.footer-container{gap:15px}}@media (width<=600px){.footer{padding:25px 15px 8px}.footer-container{gap:12px}.footer-section a:hover{transform:none}}.social-container{z-index:9999;position:fixed;bottom:20px;right:20px}.main-icon{color:#fff;cursor:pointer;background:#0ea5e9;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;display:flex;box-shadow:0 5px 20px #0000004d}.social-icons{flex-direction:column-reverse;gap:10px;display:flex;position:absolute;bottom:70px;right:0}.social-icons a{color:#fff;opacity:0;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;transition:all .3s;display:flex;transform:translateY(20px)}.social-container:hover .social-icons a{opacity:1;transform:translateY(0)}.social-icons a:first-child{background:#25d366;transition-delay:50ms}.social-icons a:nth-child(2){background:#0077b5;transition-delay:.1s}.social-icons a:nth-child(3){background:#e4405f;transition-delay:.15s}.social-icons a:nth-child(4){background:#f59e0b;transition-delay:.2s}.social-icons a:nth-child(5){background:#10b981;transition-delay:.25s}:root{--bg-dark:#111838;--hospitality:#f59e0b;--innovation:#a855f7;--agritech:#22c55e;--it:#0ea5e9}.about-container{color:#fff;background:radial-gradient(circle at 20% 20%,#0f172a,#020617);min-height:100vh;padding:18px 20px;font-family:Inter,sans-serif}.about-hero{justify-content:center;align-items:center;width:100vw;height:38vh;min-height:420px;max-height:500px;margin-bottom:20px;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.hero-video-bg{-o-object-fit:cover;object-fit:cover;filter:brightness(1.6)contrast(1.4)saturate(1.4);z-index:1;width:110%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay{z-index:2;background:linear-gradient(135deg,#02061740,#02061773);position:absolute;inset:0}.about-hero:after{content:"";z-index:2;background:radial-gradient(circle,#ffffff14,#02061759);position:absolute;inset:0}.gradient-text{letter-spacing:1px;text-align:center;background:linear-gradient(90deg,#38bdf8,#6366f1,#22c55e);color:#0000;-webkit-background-clip:text;font-size:clamp(2.2rem,7vw,3.8rem);font-weight:900}.gradient-text:after{content:"";background:linear-gradient(90deg,#6366f1,#22c55e);border-radius:10px;width:120px;height:4px;margin:15px auto;display:block}.subtitle{color:#cbd5f5;font-size:1.1rem}.hero-wrapper{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;margin:0 auto;padding:0 20px;display:flex;position:relative}.hero-content{text-align:center;width:100%}.glass-section,.glass-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;max-width:900px;margin:0 auto 60px;padding:40px;transition:all .4s}.glass-section:hover,.glass-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.services-grid-wrapper{max-width:1260px;margin:0 auto 60px}.services-grid-wrapper h2{letter-spacing:.2px;margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.5rem)}.services-intro{color:#93a4c2;max-width:720px;margin:0 0 22px;font-size:1rem;line-height:1.65}.bento-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.carousel-container{width:100%;max-width:900px;margin:40px auto;position:relative}.carousel-track{perspective:1000px;justify-content:center;align-items:center;width:100%;height:380px;display:flex;position:relative}.carousel-item{width:100%;max-width:500px;position:absolute;left:50%;transform:translate(-50%)}.carousel-item.hidden{pointer-events:none}.carousel-item.active{z-index:10}.carousel-item.prev,.carousel-item.next{z-index:5}.carousel-controls{justify-content:center;align-items:center;gap:12px;margin-top:40px;display:flex}.carousel-dot{cursor:pointer;background:0 0;border:2px solid #6366f14d;border-radius:50%;width:12px;height:12px;padding:0;transition:all .4s}.carousel-dot:hover{background:#6366f133;border-color:#6366f199}.carousel-dot.active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#6366f1;border-radius:6px;width:28px;box-shadow:0 0 15px #6366f180}.service-card{--service-accent:#94a3b859;isolation:isolate;background:radial-gradient(120% 100% at 0 0,#ffffff1a,#0000 45%),linear-gradient(160deg,#0f172af2,#020617fa);border:1px solid #ffffff1a;border-radius:22px;min-height:270px;padding:22px 20px;transition:transform .45s,box-shadow .45s,border-color .45s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-12px)scale(1.01)}.service-card:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.card-glow{background:radial-gradient(circle, var(--service-accent), transparent 72%);opacity:.55;z-index:-1;width:180px;height:180px;transition:opacity .4s;position:absolute;inset:-80px -40px auto auto}.icon-box{width:84px;height:84px;box-shadow:none;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;margin-bottom:14px;padding:0;display:flex}.service-icon-img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 14px #0006);width:100%;height:100%}.service-count{color:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:.76rem;position:absolute;top:14px;right:14px}.service-tag{letter-spacing:.7px;text-transform:uppercase;color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;margin-bottom:8px;padding:5px 10px;font-size:.74rem;display:inline-block}.service-card.is-active{border-color:#ffffff47;box-shadow:0 24px 60px #020617a6}.service-card.is-active .card-glow,.service-card:hover .card-glow{opacity:.9}.service-0{--service-accent:#f59e0b85;border-top:3px solid var(--hospitality)}.service-0 .icon-box{background:0 0}.service-0:hover{box-shadow:0 20px 50px #f59e0b4d}.service-1{--service-accent:#a855f780;border-top:3px solid var(--innovation)}.service-1 .icon-box{background:0 0}.service-1:hover{box-shadow:0 20px 50px #a855f74d}.service-2{--service-accent:#22c55e85;border-top:3px solid var(--agritech)}.service-2 .icon-box{background:0 0}.service-2:hover{box-shadow:0 20px 50px #22c55e4d}.service-3{--service-accent:#0ea5e985;border-top:3px solid var(--it)}.service-3 .icon-box{background:0 0}.service-3:hover{box-shadow:0 20px 50px #0ea5e94d}.service-card h3{letter-spacing:.2px;margin-bottom:10px;font-size:1.02rem;font-weight:700}.service-card p{color:#94a3b8;font-size:.91rem;line-height:1.55}@media (width<=1180px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card{min-height:235px}.icon-box{width:72px;height:72px}}.check-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1100px;margin:24px auto 0;display:grid}.check-box-inner{justify-content:center;align-items:center;gap:10px;display:flex}.check-text{color:#e6eefb;text-align:center;font-size:1.22rem;font-weight:600;line-height:1.2}@media (width<=900px){.check-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.check-list{grid-template-columns:1fr;gap:12px;margin-top:16px}.check-box{min-height:64px;padding:12px 14px}.check-text{font-size:.98rem}}@media (width<=900px){.about-hero{height:34vh;min-height:320px;max-height:420px;margin-bottom:18px}.gradient-text{font-size:clamp(2.4rem,7.5vw,3.6rem)}}@media (width<=640px){.about-hero{height:28vh;min-height:240px;max-height:320px;margin-bottom:16px}.hero-video-bg{width:130%;height:100%}.gradient-text{font-size:clamp(1.6rem,10vw,2.4rem)}}@media (width<=420px){.about-hero{height:auto;min-height:200px;max-height:280px;padding:28px 12px}.gradient-text{font-size:1.8rem}}@media (width<=768px){.about-container{padding:12px 15px}.gradient-text{font-size:2rem}.about-hero{height:35vh;min-height:350px;max-height:420px;margin-bottom:15px}.glass-section,.glass-card{padding:25px}.hero-wrapper{gap:15px;padding:0 15px}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-card{min-height:220px;padding:16px}.icon-box{width:52px;height:52px}.service-tag{font-size:.68rem}.carousel-container{max-width:100%;margin:30px auto}.carousel-track{height:320px}.carousel-item{width:90%;max-width:100%}.carousel-controls{gap:8px}.carousel-dot{width:10px;height:10px}.carousel-dot.active{width:24px}}@media (width<=640px){.services-intro{margin-bottom:16px;font-size:.92rem}.bento-grid{grid-template-columns:1fr;gap:14px}.service-card{min-height:200px}}.contact{color:#fff;background:radial-gradient(circle at top,#020617,#020617 60%,#000);padding:clamp(48px,7vw,88px) clamp(16px,4vw,10%);font-family:Inter,sans-serif;position:relative;overflow:hidden}.contact:before,.contact:after{content:"";filter:blur(120px);z-index:0;width:500px;height:500px;position:absolute}.contact:before{background:#6366f159;top:-120px;left:-120px}.contact:after{background:#22c55e40;bottom:-120px;right:-120px}.contact-header{text-align:center;z-index:1;max-width:760px;margin:0 auto clamp(28px,4vw,52px);position:relative}.contact-header h1{background:linear-gradient(90deg,#38bdf8,#6366f1,#22c55e);color:#0000;text-shadow:0 0 25px #6366f166;-webkit-background-clip:text;font-size:3rem;font-weight:900}.contact-header p{color:#94a3b8;max-width:640px;margin:12px auto 0;font-size:clamp(.98rem,1.3vw,1.05rem);line-height:1.7}.contact-wrapper{z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:clamp(20px,3vw,40px);max-width:1180px;margin:0 auto;display:grid;position:relative}.contact-form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;width:100%;max-width:none;padding:clamp(20px,2.5vw,30px);display:flex;position:relative}.contact-form:before{content:"";opacity:.15;filter:blur(25px);z-index:-1;background:linear-gradient(120deg,#6366f1,#22c55e,#38bdf8);border-radius:24px;position:absolute;inset:-2px}.input-group{flex-direction:column;margin-bottom:18px;display:flex}.input-group label{color:#cbd5f5;margin-bottom:6px;font-size:.9rem}.contact-form input,.contact-form textarea{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:14px;font-size:.95rem;transition:all .3s;box-shadow:inset 0 0 10px #ffffff08}.contact-form input:hover,.contact-form textarea:hover{box-shadow:0 0 10px #6366f14d}.contact-form input:focus,.contact-form textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 15px #6366f199}.input-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.input-row .input-group{min-width:0}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:10px;margin-top:10px;padding:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.submit-btn:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#fff6,#0000);transition:all .4s;position:absolute;inset:0}.submit-btn:hover:before{opacity:1}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f199}.contact-info{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;width:100%;padding:clamp(22px,2.5vw,30px);position:relative;overflow:hidden}.contact-info:before{content:"";filter:blur(80px);background:radial-gradient(circle,#6366f166,#0000);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.contact-info h3{margin-top:18px;font-size:clamp(1.08rem,1.5vw,1.25rem)}.contact-info p{color:#94a3b8;word-break:break-word;margin:6px 0;line-height:1.7}.cta-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #6366f1;border-radius:10px;width:100%;margin-top:20px;padding:12px;transition:all .3s}.cta-btn:hover{background:#6366f1;box-shadow:0 0 20px #6366f199}@media (width<=992px){.contact-wrapper,.input-row{grid-template-columns:1fr}.contact-form,.contact-info{max-width:760px;margin:0 auto}}@media (width<=600px){.contact{padding:44px 16px 56px}.contact-header h1{font-size:clamp(2rem,11vw,2.4rem)}.contact-header p{font-size:.95rem}.contact-form,.contact-info{border-radius:18px}.contact-form input,.contact-form textarea{padding:13px;font-size:.94rem}.submit-btn,.cta-btn{padding:13px}}@media (width<=420px){.contact{padding-inline:12px}.contact-header{margin-bottom:22px}.contact-form,.contact-info{padding:18px}}.solution{text-align:center;color:#fff;background:radial-gradient(circle at top,#020617,#020617 60%,#000);padding:80px 20px;position:relative;overflow:hidden}.solution:before,.solution:after{content:"";filter:blur(120px);z-index:0;width:400px;height:400px;position:absolute}.solution:before{background:#6366f159;top:-100px;left:-100px}.solution:after{background:#22c55e40;bottom:-100px;right:-100px}.solution h1{background:linear-gradient(90deg,#38bdf8,#6366f1,#22c55e);color:#0000;-webkit-background-clip:text;margin-bottom:10px;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:900}.solution p{color:#94a3b8;max-width:600px;margin:0 auto 40px}.solution-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:1200px;margin:0 auto;display:grid;position:relative}.solution-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:30px;transition:all .4s;position:relative;overflow:hidden}.solution-card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#fff3,#0000);transition:all .4s;position:absolute;inset:0}.solution-card:hover:before{opacity:1}.solution-card:hover{transform:translateY(-10px)scale(1.03)}.solution-card h2{margin-bottom:10px;font-size:1.6rem;font-weight:700}.solution-card p{color:#94a3b8;font-size:.95rem}.solution-card:first-child:hover{box-shadow:0 0 40px #ffaa7866}.solution-card:nth-child(2):hover{box-shadow:0 0 40px #a855f766}.solution-card:nth-child(3):hover{box-shadow:0 0 40px #22c55e66}.solution-card:nth-child(4):hover{box-shadow:0 0 40px #0ea5e966}@media (width<=768px){.solution{padding:50px 15px}}.auth-page{background:radial-gradient(circle at top,#1e293b,#020617);justify-content:center;align-items:center;height:100vh;display:flex}.auth-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;width:380px;padding:40px;box-shadow:0 10px 40px #00000080}.auth-box h1{color:#fff;margin-bottom:10px;font-size:1.8rem}.auth-box p{color:#cbd5f5;margin-bottom:20px}.auth-box input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;margin:10px 0;padding:12px;transition:all .3s}.auth-box input:focus{border-color:#6366f1;box-shadow:0 0 10px #6366f166}.auth-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;transition:all .3s}.auth-box button:hover{transform:scale(1.05);box-shadow:0 0 15px #a855f780}.google-btn{color:#111;background:#fff;font-weight:500}.google-btn:hover{transform:scale(1.03)}.google-btn:disabled{color:#999;cursor:not-allowed;background:#f0f0f0;transform:none}.error-box{text-align:left;background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;margin-bottom:15px;padding:10px}.error-box p{color:#ff6b6b;margin:0;font-size:.9rem}.signup-link{color:#00c6ff;cursor:pointer;margin-top:6px;font-size:.9rem;font-weight:500;display:inline-block}.signup-link:hover{text-decoration:underline}.switch-link{color:#cbd5f5;margin-top:15px}.switch-link a{color:#00c6ff;text-decoration:none}.switch-link a:hover{text-decoration:underline}@media (width<=500px){.auth-box{width:90%;padding:25px}}.dashboard{color:#f8fafc;background:radial-gradient(1200px 800px at 0 0,#3b82f62e,#0000 55%),radial-gradient(1000px 700px at 100% 100%,#f59e0b24,#0000 55%),linear-gradient(160deg,#020617 0%,#0b1120 40%,#111827 100%);min-height:100vh;padding-bottom:30px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0f172ab8;border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;width:100%;padding:18px 24px;display:flex;position:sticky;top:0}.dashboard-navbar h2{letter-spacing:.2px;font-size:24px}.nav-right{align-items:center;gap:12px;display:flex}.nav-right span{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:14px;font-weight:600;overflow:hidden}.user-name{color:#cbd5f5;font-weight:500}.dashboard-navbar button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;padding:8px 14px;font-weight:600;transition:transform .2s,box-shadow .2s}.dashboard-navbar button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ef444459}.dashboard-content{flex-wrap:wrap;gap:16px;max-width:1200px;margin:0 auto;padding:24px 16px;display:flex}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#1e293bb3,#0f172abf);border:1px solid #94a3b833;border-radius:16px;flex:1;min-width:280px;padding:20px;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{border-color:#60a5fa59;transform:translateY(-3px);box-shadow:0 18px 40px #02061773}.card h3{margin-bottom:10px}.table-wrap{margin-top:12px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:560px}.data-table th,.data-table td{text-align:center;border-bottom:1px solid #94a3b826;padding:12px}.data-table th{color:#dbeafe;background:#1e293bbf;font-size:13px}.data-table tr:nth-child(2n){background:#94a3b80a}.data-table tr:hover{background:#60a5fa1a}.delete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;padding:7px 13px;font-weight:600;transition:transform .2s,box-shadow .2s}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ef444459}@media (width<=768px){.dashboard-navbar{flex-wrap:wrap;gap:10px;padding:14px}.dashboard-navbar h2{font-size:20px}.nav-right{justify-content:space-between;width:100%}.dashboard-content{flex-direction:column;padding:16px 10px}.card{min-width:100%;padding:16px}}@media (width<=480px){.dashboard-navbar button{padding:7px 12px;font-size:12px}.nav-right span{max-width:140px;font-size:12px}}.admin-dashboard{color:#fff;background:#020617;min-height:100vh;padding:20px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-left h1{margin:0;font-size:1.5rem}.badge{background:#6366f1;border-radius:20px;padding:4px 12px;font-size:.85rem}.header-actions{gap:8px;display:flex}.btn-icon{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px;transition:all .2s}.btn-icon:hover{background:#334155}.search-section{margin-bottom:24px}.search-box{max-width:500px;margin-bottom:12px;position:relative}.search-box input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;padding:12px 16px 12px 44px;font-size:1rem}.search-box input:focus{border-color:#6366f1;outline:none}.search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filter-tags{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag{color:#fff;border-radius:12px;padding:4px 10px;font-size:.75rem}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.chart-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:20px}.chart-card h3{color:#94a3b8;margin:0 0 16px;font-size:1rem}.table-section{background:#1e293b;border:1px solid #334155;border-radius:16px;overflow:hidden}.table-header{border-bottom:1px solid #334155;padding:20px}.table-header h3{margin:0}.table-responsive{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #334155;padding:14px 16px}th{color:#94a3b8;background:#0f172a;font-size:.85rem;font-weight:600}tr:hover{background:#334155}.message-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.platform-tag{background:#6366f1;border-radius:8px;padding:2px 8px;font-size:.75rem}.action-buttons{gap:8px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:6px;padding:6px;transition:all .2s}.btn-action.view{color:#fff;background:#22c55e}.btn-action.delete{color:#fff;background:#ef4444}.btn-action:hover{transform:scale(1.1)}.loading,.empty-state{text-align:center;color:#94a3b8;padding:40px}.modal-content{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:500px;padding:24px}.modal-content h2{margin:0 0 16px}.modal-body{margin-bottom:20px}.modal-body p{color:#94a3b8;margin:12px 0 6px}.message-full{color:#fff;white-space:pre-wrap;background:#0f172a;border-radius:8px;padding:12px}.modal-close{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;width:100%;padding:10px 24px}@media (width<=768px){.admin-header{flex-direction:column;align-items:flex-start}.charts-grid{grid-template-columns:1fr}th,td{padding:10px 8px;font-size:.85rem}.message-cell{max-width:120px}}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-danger:#ef4444;--border-color:#334155;--shadow:0 4px 6px -1px #0000004d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--sidebar-width:260px;--sidebar-collapsed-width:70px;--topbar-height:65px}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.hr-dashboard{background:radial-gradient(circle at 0 0,#6366f12e,#0000 28%),radial-gradient(circle at 100% 0,#0ea5e91f,#0000 26%),linear-gradient(#0f172a 0%,#0b1220 100%);align-items:flex-start;width:100%;min-height:100vh;display:flex;overflow:visible}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;overscroll-behavior:contain;background:linear-gradient(#0f172afa,#0f172ae6);flex-direction:column;flex-shrink:0;min-height:100vh;transition:width .3s;display:flex;position:relative;overflow:hidden auto;box-shadow:18px 0 40px #02061747}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{font-size:28px}.logo-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.collapse-btn{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.collapse-btn:hover{background:var(--accent-primary);color:#fff}.sidebar-scroll{flex-direction:column;flex:1;gap:16px;min-height:0;padding:14px 12px 18px;display:flex;overflow:visible}.sidebar-nav{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0;display:flex;overflow:visible}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);text-align:left;background:#3341552e;border:none;align-items:center;gap:12px;width:100%;min-height:48px;padding:13px 15px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.nav-item:hover{color:var(--text-primary);background:#3341556b;transform:translate(2px)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#6366f1fa,#8b5cf6eb);box-shadow:0 10px 24px #6366f147}.nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-icon svg{width:20px;height:20px}.sidebar-footer{border-top:1px solid #334155b3;flex-shrink:0;margin-top:8px;padding:14px 0 10px}.hr-profile-section{flex-direction:column;gap:10px;display:flex}.current-hr-profile{cursor:pointer;background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #6366f12e;border-radius:18px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:inset 0 1px #ffffff08}.hr-avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.hr-avatar.small{border-radius:10px;width:32px;height:32px;font-size:12px}.hr-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hr-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.hr-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.switch-profile-icon{opacity:.85;font-size:16px}.hr-profiles-dropdown{flex-direction:column;gap:8px;max-height:190px;padding-right:4px;display:flex;overflow-y:auto}.hr-profile-option{color:var(--text-primary);text-align:left;cursor:pointer;background:#0f172ab8;border:1px solid #334155d9;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.hr-profile-option:hover{border-color:var(--accent-primary);background:#334155e6;transform:translate(2px)}.add-new-hr-btn{color:var(--text-primary);cursor:pointer;background:#6366f114;border:1px dashed #6366f166;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 12px;transition:all .2s;display:flex}.add-new-hr-btn:hover{background:#6366f12e;border-color:#6366f1b3}.collapsed-hr-avatar{color:#fff;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex;box-shadow:0 12px 24px #00000040}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.user-avatar.small{width:32px;height:32px;font-size:12px}.user-details{flex-direction:column;display:flex}.user-name{font-size:14px;font-weight:600}.user-role{color:var(--text-muted);font-size:12px}.main-content{background:linear-gradient(#0206172e,#02061700);flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .3s;display:flex}.sidebar-collapsed .main-content{margin-left:0}.top-bar{min-height:var(--topbar-height);z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border-bottom:1px solid #334155b3;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:relative;left:auto;right:auto;box-shadow:0 8px 24px #02061726}.top-bar-left{align-items:center;gap:12px;display:flex}.mobile-menu-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#33415573;border-radius:10px;font-size:20px;line-height:1;display:none}.mobile-sidebar-backdrop{display:none}.sidebar-collapsed .top-bar{left:auto}.top-bar h2{font-size:18px;font-weight:600}.top-bar-right{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.notification-btn{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.notification-btn:hover{background:var(--accent-primary);color:#fff}.notification-badge{background:var(--accent-danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.company-badge{background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;transition:all .2s;display:flex}.company-badge:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.company-badge-icon{font-size:24px}.company-badge-info{flex-direction:column;display:flex}.company-badge-info .company-name{color:var(--text-primary);font-size:13px;font-weight:600}.company-badge-info .company-tagline{color:var(--text-muted);font-size:10px}.user-menu{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border:1px solid #334155d9;border-radius:18px;align-items:center;gap:10px;max-width:260px;padding:10px 12px;transition:all .2s;display:flex}.user-menu:hover,.company-badge:hover{border-color:#6366f18c;transform:translateY(-1px);box-shadow:0 12px 28px #0206172e}.user-menu-text{flex-direction:column;gap:1px;min-width:0;display:flex}.user-menu-name,.user-menu-role{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-menu-name{font-size:14px;font-weight:700}.user-menu-role{color:var(--text-muted);font-size:12px}.company-settings-modal{width:90%;max-width:700px}.settings-section{margin-bottom:24px}.settings-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-grid .input-group{flex-direction:column;gap:6px;display:flex}.settings-grid .input-group.full-width{grid-column:span 2}.settings-grid .input-group label{color:var(--text-secondary);font-size:12px;font-weight:500}.settings-grid .input-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.settings-grid .input-group input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font-size:12px;transition:all .2s;display:flex}.quick-action-btn span{font-size:24px}.quick-action-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px)}.content-area{flex:1;height:auto;min-height:0;padding:28px;overflow:visible}.dashboard-view .dashboard-header,.templates-view .templates-header,.compose-view .compose-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stat-card,.dashboard-card,.template-card{background:linear-gradient(145deg,#1e293bf0,#0f172ae0);border:1px solid #334155cc;box-shadow:0 16px 40px #0206173d}.dashboard-grid,.templates-grid,.compose-layout{width:100%}.content-area>*+*{margin-top:22px}@media (width<=1200px){.top-bar{padding:0 20px}.content-area{padding:22px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.top-bar-right{gap:10px}.company-badge{max-width:210px}.user-menu{max-width:220px}.compose-layout,.dashboard-grid{grid-template-columns:1fr}}.dashboard-view .dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:30px;display:flex}.dashboard-view .header-content h1{margin-bottom:8px;font-size:28px}.dashboard-view .header-content p{color:var(--text-secondary)}.dashboard-view .refresh-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:all .2s;display:flex}.dashboard-view .refresh-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary)}.dashboard-view .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-view .refresh-btn svg{width:16px;height:16px}.dashboard-view .loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.dashboard-view .loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-view .loading-state p{color:var(--text-secondary)}.dashboard-view .empty-state{text-align:center;color:var(--text-muted);padding:30px 20px}.dashboard-view .empty-state p{font-size:14px}.stat-content h3.positive{color:var(--accent-success)}.stat-content h3.negative{color:var(--accent-danger)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon svg{color:#fff;width:28px;height:28px}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content h3{margin-bottom:4px;font-size:28px;font-weight:700}.stat-content p{color:var(--text-secondary);font-size:14px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.dashboard-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);word-break:break-word;min-width:0;padding:24px}.dashboard-card h3{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px;font-size:16px}.platform-stats{flex-direction:column;gap:15px;display:flex}.platform-stat-row{flex-direction:column;gap:8px;display:flex}.platform-info{align-items:center;gap:12px;display:flex}.platform-info .platform-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0003}.platform-info .platform-icon svg{color:#fff;width:18px;height:18px}.platform-info .platform-name{font-size:14px;font-weight:600}.platform-metrics{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.platform-metrics .metric{align-items:center;gap:5px;display:flex}.platform-metrics svg{width:14px;height:14px}.progress-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:3px;height:100%;transition:width .5s}.recent-posts-list{flex-direction:column;gap:12px;display:flex}.recent-post-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:12px}.post-content-preview{margin-bottom:8px;font-size:14px}.post-meta{justify-content:space-between;align-items:center;font-size:12px;display:flex}.status-badge{text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.status-badge.sent{color:var(--accent-success);background:#22c55e33}.status-badge.scheduled{color:var(--accent-warning);background:#f59e0b33}.post-date{color:var(--text-muted)}.view-all-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;margin-top:15px;padding:10px;transition:all .2s}.view-all-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quick-action-buttons{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-action-buttons button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.quick-action-buttons button:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.quick-action-buttons svg{width:18px;height:18px}.simple-chart{justify-content:space-between;align-items:flex-end;height:150px;padding-top:20px;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));border-radius:4px 4px 0 0;width:20px;margin-top:auto;transition:height .5s}.chart-label{color:var(--text-muted);margin-top:8px;font-size:11px}.compose-view .compose-header{margin-bottom:20px}.compose-view h1{margin-bottom:4px;font-size:20px;font-weight:600}.compose-view>.compose-header>p{color:var(--text-muted);font-size:13px}.compose-layout{grid-template-columns:1fr 300px;gap:16px;display:grid}.compose-main{flex-direction:column;gap:20px;display:flex}.compose-card{background:linear-gradient(145deg, var(--bg-card) 0%, #1e293b99 100%);border:1px solid #33415580;border-radius:14px;padding:16px;transition:all .3s}.compose-card:hover{border-color:#6366f14d;box-shadow:0 4px 20px #0003}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.toolbar{gap:6px;display:flex}.toolbar-btn{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.toolbar-btn:hover{background:var(--accent-primary);color:#fff}.toolbar-btn svg{width:14px;height:14px}.emoji-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;width:320px;max-height:350px;box-shadow:var(--shadow);padding:15px;position:absolute;top:60px;right:0;overflow-y:auto}.emoji-picker-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.emoji-picker-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}.emoji-category{margin-bottom:15px}.emoji-category h4{color:var(--text-muted);margin-bottom:8px;font-size:12px}.emoji-grid{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.emoji-btn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:5px;font-size:20px;transition:background .2s}.emoji-btn:hover{background:var(--bg-tertiary)}.message-card{position:relative}.message-card textarea{background:linear-gradient(135deg, var(--bg-tertiary) 0%, #33415580 100%);border:1px solid var(--border-color);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;border-radius:12px;padding:14px 16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;transition:all .3s}.message-card textarea:focus{border-color:var(--accent-primary);outline:none}.message-card textarea::placeholder{color:var(--text-muted)}.character-counter{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.character-counter .over-limit,.character-counter .warning{color:var(--accent-danger)}.platforms-card .card-header{justify-content:space-between;align-items:center;display:flex}.select-all-btn{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border:1px solid #33415580;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s}.select-all-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.platforms-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.platform-item{background:linear-gradient(145deg, var(--bg-tertiary), #1e293bcc);border:1px solid var(--border-color);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.platform-item:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#ffffff08 100%);transition:opacity .3s;position:absolute;inset:0}.platform-item:hover{border-color:var(--platform-color,var(--accent-primary));box-shadow:0 12px 24px -8px #0006, 0 0 0 1px var(--platform-color,var(--accent-primary));transform:translateY(-4px)}.platform-item:hover:before{opacity:1}.platform-item.selected{border-color:var(--platform-color,var(--accent-primary));background:linear-gradient(145deg, color-mix(in srgb, var(--platform-color) 15%, var(--bg-tertiary)), color-mix(in srgb, var(--platform-color) 8%, var(--bg-secondary)));box-shadow:0 8px 20px -4px color-mix(in srgb, var(--platform-color) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--platform-color) 20%, transparent)}.platform-item .platform-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s;display:flex;box-shadow:0 2px 6px -2px #0000004d}.platform-item .platform-icon-wrapper svg{width:16px;height:16px}.platform-item:hover .platform-icon-wrapper{box-shadow:0 6px 16px -2px color-mix(in srgb, var(--platform-color) 50%, transparent), inset 0 1px 0 #ffffff40;transform:scale(1.08)}.platform-item .platform-icon-wrapper svg{color:#fff;filter:drop-shadow(0 1px 2px #0003)}.platform-item .platform-name{color:var(--text-primary);letter-spacing:.1px;font-size:10px;font-weight:600;display:block}.platform-item .platform-limit{color:var(--text-muted);background:var(--bg-secondary);border-radius:999px;padding:2px 6px;font-size:9px;display:inline-flex}.platform-item .check-mark{background:linear-gradient(135deg, var(--accent-success), #16a34a);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) checkPop;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #22c55e66}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.platform-item .platform-actions{opacity:0;pointer-events:none;justify-content:center;gap:8px;width:100%;margin-top:8px;transition:all .2s;display:flex;transform:translateY(6px)}.platform-item:hover .platform-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.platform-item .share-btn,.platform-item .copy-btn,.platform-item .delete-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.platform-item .share-btn:hover,.platform-item .copy-btn:hover,.platform-item .delete-btn:hover{transform:translateY(-1px)}.platform-item .share-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.platform-item .copy-btn:hover{background:var(--accent-success);border-color:var(--accent-success);color:#fff}.platform-item .delete-btn:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff}.platform-item .copy-btn svg,.platform-item .share-btn svg,.platform-item .delete-btn svg{width:14px;height:14px}.platform-item .remove-platform-btn{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:8px;left:8px}.platform-item .remove-platform-btn:hover{color:#ef4444;background:#ef444429}.platform-manager-row{grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;margin-bottom:12px;display:grid}.platform-manager-row input[type=text]{border:1px solid var(--border-color);background:var(--bg-secondary);min-width:0;color:var(--text-primary);border-radius:10px;padding:10px 12px}.platform-manager-row input[type=color]{cursor:pointer;border:none;border-radius:12px;width:42px;height:42px;padding:0}.add-platform-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 14px;transition:transform .2s,box-shadow .2s}.add-platform-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -12px #38bdf899}.dispatch-card{background:linear-gradient(145deg,#1e293beb,#0f172ae6);border:1px solid #6366f147}.dispatch-platform-list{grid-template-columns:1fr;gap:10px;display:grid}.dispatch-platform-item{border:1px solid var(--border-color);cursor:pointer;background:#33415559;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.dispatch-platform-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.dispatch-platform-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.dispatch-status{border:1px solid #0000;border-radius:999px;padding:4px 8px;font-size:11px}.dispatch-status.connected{color:#4ade80;background:#22c55e26;border-color:#22c55e59}.dispatch-status.disconnected{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.dispatch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.dispatch-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;transition:all .2s}.dispatch-btn.post{background:linear-gradient(135deg,#2563eb,#4f46e5)}.dispatch-btn.message{background:linear-gradient(135deg,#0891b2,#0e7490)}.dispatch-btn:hover:not(:disabled){transform:translateY(-1px)}.dispatch-btn:disabled{opacity:.6;cursor:not-allowed}.schedule-card h3{margin-bottom:12px;font-size:13px}.schedule-options{gap:10px;margin-bottom:12px;display:flex}.schedule-option{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px;transition:all .2s;display:flex}.schedule-option:hover{border-color:var(--accent-primary)}.schedule-option.active{border-color:var(--accent-primary);background:#6366f11a}.schedule-option input{display:none}.option-icon{font-size:16px}.option-text{font-size:12px;font-weight:500}.schedule-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.input-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:10px;font-size:13px}.input-group input:focus{border-color:var(--accent-primary);outline:none}.contacts-card{background:linear-gradient(145deg, var(--bg-card), #1e293bcc)}.contacts-card h3{margin-bottom:6px;font-size:13px;font-weight:600}.contacts-hint{color:var(--text-muted);margin-bottom:10px;font-size:11px}.contacts-actions{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.contacts-actions button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px}.contacts-actions button:hover{border-color:var(--accent-primary)}.contact-search-row{margin-bottom:10px}.contact-search-row input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:9px 10px;font-size:13px}.contact-search-row input:focus{border-color:var(--accent-primary);outline:none}.contacts-list{flex-direction:column;gap:10px;max-height:200px;margin-bottom:16px;display:flex;overflow-y:auto}.contact-item{background:var(--bg-tertiary);border:2px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.contact-item:hover{border-color:var(--accent-primary)}.contact-item.selected{border-color:var(--accent-success);background:#22c55e1a}.contact-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.contact-info{flex-direction:column;flex:1;display:flex}.contact-name{color:var(--text-primary);font-size:14px;font-weight:600}.contact-number{color:var(--text-muted);font-size:12px}.contact-check{background:var(--accent-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.no-contact-found{text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:8px;padding:12px;font-size:12px}.add-contact-form{gap:10px;margin-bottom:12px;display:flex}.add-contact-form input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;flex:1;padding:10px 12px;font-size:13px}.add-contact-form input:focus{border-color:var(--accent-primary);outline:none}.add-contact-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.add-contact-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.selected-contacts-summary{color:var(--accent-success);background:#22c55e1a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.selected-contacts-summary button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.selected-contacts-summary button:hover{color:var(--accent-danger)}.selected-recipients-preview{border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:8px;margin-top:10px;padding:10px}.selected-recipients-preview strong{margin-bottom:8px;font-size:12px;display:block}.recipient-chips{flex-wrap:wrap;gap:6px;display:flex}.recipient-chip{color:var(--text-primary);background:#6366f126;border:1px solid #6366f159;border-radius:999px;padding:4px 8px;font-size:11px}.submit-button{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #6366f14d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button svg{width:20px;height:20px}.compose-sidebar{flex-direction:column;gap:20px;display:flex}.preview-card h3{margin-bottom:12px;font-size:14px;font-weight:600}.preview-content{background:linear-gradient(135deg, var(--bg-tertiary) 0%, #33415566 100%);border:1px solid #33415580;border-radius:10px;min-height:100px;padding:14px}.preview-message p{margin-bottom:8px}.preview-placeholder{color:var(--text-muted);font-style:italic}.preview-platforms{border-top:1px solid #33415580;margin-top:10px;padding-top:10px}.preview-platforms>span{color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.platform-tags{flex-wrap:wrap;gap:6px;display:flex}.platform-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;font-size:11px;display:flex}.platform-tag svg{width:16px;height:16px}.quick-templates-card h3{margin-bottom:10px;font-size:13px}.quick-templates-list{flex-direction:column;gap:6px;display:flex}.quick-template-btn{text-align:left;background:var(--bg-tertiary);cursor:pointer;border:1px solid #33415580;border-radius:8px;padding:10px;transition:all .2s}.quick-template-btn:hover{border-color:var(--accent-primary)}.quick-template-btn .template-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.quick-template-btn .template-preview{color:var(--text-muted);font-size:11px;display:block}.view-all-templates-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;margin-top:10px;padding:10px;font-size:13px;transition:all .2s}.view-all-templates-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.templates-view .templates-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.templates-view h1{margin-bottom:8px;font-size:28px}.templates-view .header-left p{color:var(--text-secondary)}.create-template-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.create-template-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.templates-filters{flex-wrap:wrap;gap:20px;margin-bottom:25px;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;min-width:280px;padding:10px 15px;display:flex}.search-box svg{color:var(--text-muted);width:18px;height:18px}.search-box input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:14px}.search-box input:focus{outline:none}.search-box input::placeholder{color:var(--text-muted)}.category-filters{flex-wrap:wrap;gap:8px;display:flex}.category-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 15px;font-size:13px;transition:all .2s}.category-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.category-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.template-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .2s}.template-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.template-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.template-category{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.template-actions{gap:8px;display:flex}.action-btn{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{color:#fff}.action-btn.edit:hover{background:var(--accent-primary)}.action-btn.delete:hover{background:var(--accent-danger)}.action-btn svg{width:16px;height:16px}.template-title{margin-bottom:12px;font-size:18px;font-weight:600}.template-content{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:15px;font-size:13px;line-height:1.6}.template-tags{flex-wrap:wrap;gap:6px;margin-bottom:15px;display:flex}.tag{background:var(--bg-tertiary);color:var(--accent-primary);border-radius:20px;padding:4px 10px;font-size:11px}.template-footer{border-top:1px solid var(--border-color);padding-top:15px}.use-template-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.use-template-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.use-template-btn svg{width:16px;height:16px}.no-templates{text-align:center;color:var(--text-muted);padding:60px 20px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:550px;max-height:90vh;overflow-y:auto}.hr-profile-modal{background:linear-gradient(#0f172afa,#111827f5);border:1px solid #6366f129;max-width:760px;box-shadow:0 28px 80px #02061780}.hr-profile-modal .modal-header{border-bottom:1px solid #334155b3;padding:22px 26px}.hr-profile-modal .modal-header h2{letter-spacing:-.02em;font-size:22px;font-weight:700}.hr-profile-modal .modal-close{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#3341558c;border:1px solid #6366f133;border-radius:14px;justify-content:center;align-items:center;display:flex}.hr-profile-modal .modal-close:hover{background:#6366f1e6;border-color:#6366f1cc}.hr-profile-modal .modal-body{max-height:70vh;padding:16px 20px 20px;overflow-y:auto}.profile-tab-switcher{background:#1e293bb3;border:1px solid #334155bf;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px;padding:8px;display:grid}.profile-tab-switcher button{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s}.profile-tab-switcher button:hover{color:var(--text-primary);background:#334155b3}.profile-tab-switcher button.active{color:#fff;background:linear-gradient(135deg,#6366f1fa,#8b5cf6eb);box-shadow:0 10px 24px #6366f13d}.profile-auth-panel,.add-hr-form,.hr-profiles-list,.current-profile-editor{flex-direction:column;gap:14px;display:flex}.profile-auth-panel h3,.add-hr-form h3,.hr-profiles-list h3,.current-profile-editor h3{letter-spacing:-.03em;margin:0;font-size:28px;line-height:1.1}.profile-auth-panel p,.add-hr-form p{color:var(--text-secondary);margin-top:-2px}.premium-signin-panel{align-items:stretch}.signin-link-btn{color:#93c5fd;cursor:pointer;text-align:center;background:0 0;border:none;padding:2px 0 0;font-size:13px;font-weight:600}.signin-link-btn:hover{color:#dbeafe}.profile-image-block{background:linear-gradient(#0f172aeb,#1e293bd6);border:1px solid #334155d9;border-radius:18px;flex-direction:column;gap:10px;padding:12px;display:flex}.editor-image-block{grid-column:span 2}.profile-image-preview{background:#334155b3;border:1px solid #6366f12e;border-radius:16px;justify-content:center;align-items:center;min-height:120px;display:flex;overflow:hidden}.profile-image-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.profile-image-preview span{color:var(--text-secondary);font-size:13px;font-weight:600}.avatar-upload-btn{color:var(--text-primary);cursor:pointer;background:#6366f11a;border:1px dashed #6366f180;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:700;display:inline-flex}.avatar-upload-btn input{display:none}.profile-avatar-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block}.modal-cancel-btn{min-width:92px;color:var(--text-primary);background:#334155cc;border:1px solid #6366f133;padding:10px 14px}.modal-cancel-btn:hover{background:#475569f2}.signin-hero-copy{flex-direction:column;gap:6px;display:flex}.signin-kicker{letter-spacing:.14em;text-transform:uppercase;color:#93c5fd;font-size:12px;font-weight:700}.signin-hero-copy h3{font-size:30px}.signin-hero-copy p{color:var(--text-secondary);line-height:1.7}.empty-profile-state{color:var(--text-secondary);background:#1e293ba6;border:1px dashed #6366f159;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.6}.hr-avatar .profile-avatar-image,.hr-avatar.small .profile-avatar-image,.hr-profile-avatar .profile-avatar-image,.chip-avatar .profile-avatar-image,.user-avatar .profile-avatar-image,.collapsed-hr-avatar .profile-avatar-image{border-radius:inherit}.profile-auth-panel input,.add-hr-form input,.current-profile-editor input{width:100%;color:var(--text-primary);background:#334155d9;border:1px solid #475569e6;border-radius:14px;padding:13px 15px;font-size:14px}.add-hr-form input[type=file],.current-profile-editor input[type=file]{cursor:pointer;border-style:dashed;padding:10px}.profile-image-preview{background-position:50%;background-size:cover;border:1px solid #6366f159;border-radius:14px;grid-column:span 2;width:100%;min-height:52px}.profile-auth-panel input:focus,.add-hr-form input:focus,.current-profile-editor input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 4px #6366f124}.auth-btn,.add-hr-submit-btn,.cancel-btn,.save-btn,.connect-btn,.delete-hr-btn{cursor:pointer;border:none;border-radius:14px;font-weight:700;transition:all .2s}.auth-btn,.add-hr-submit-btn,.save-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 12px 24px #6366f138}.auth-btn:hover,.add-hr-submit-btn:hover,.save-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px #6366f147}.auth-btn,.add-hr-submit-btn{width:100%;padding:13px 16px}.quick-signin-list{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.quick-profile-chip{color:var(--text-primary);cursor:pointer;background:#1e293bd1;border:1px solid #334155e6;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:inline-flex}.quick-profile-chip:hover{border-color:var(--accent-primary);background:#334155eb;transform:translateY(-1px)}.chip-avatar{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.add-hr-form .form-row{margin-bottom:8px}.modal-signup-form .form-row:last-child{margin-bottom:0}.form-row.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row input[type=color]{background:#334155d9;min-height:52px;padding:6px}.hr-profiles-list{margin-bottom:18px}.hr-profile-card{background:#1e293bd1;border:1px solid #334155d9;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.hr-profile-card.active{border-color:#6366f1b3;box-shadow:0 12px 24px #6366f11f}.hr-profile-avatar{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex}.hr-profile-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hr-profile-name{font-size:15px;font-weight:700}.hr-profile-role,.hr-profile-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connect-btn{color:#fff;background:#6366f12e;border:1px solid #6366f147;padding:8px 14px}.delete-hr-btn{color:#fecaca;background:#ef444429;border:1px solid #ef444438;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.delete-hr-btn:hover{background:#ef44444d}.editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-actions{grid-column:span 2;gap:10px;display:flex}.cancel-btn{color:var(--text-primary);background:#334155e6;padding:12px 16px}.save-btn{padding:12px 16px}.hr-profile-modal .modal-body>*+*{margin-top:18px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-header h2{font-size:20px}.close-btn{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-btn:hover{background:var(--accent-danger);color:#fff}.modal-body{padding:25px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:12px 15px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none}.form-group textarea{resize:vertical;min-height:180px;line-height:1.6}.form-group select{cursor:pointer}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 25px;display:flex}.cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:10px 20px;font-weight:500;transition:all .2s}.cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.save-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-weight:500;transition:all .2s}.save-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #6366f14d}.schedule-view .schedule-header{margin-bottom:30px}.schedule-view h1{margin-bottom:8px;font-size:28px}.schedule-view>.schedule-header>p{color:var(--text-secondary)}.scheduled-posts-list{flex-direction:column;gap:15px;display:flex}.no-scheduled{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:80px 20px}.no-scheduled svg{width:60px;height:60px;color:var(--text-muted);margin-bottom:20px}.no-scheduled h3{margin-bottom:10px;font-size:20px}.no-scheduled p{color:var(--text-secondary);margin-bottom:20px}.no-scheduled button{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex}.scheduled-post-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:20px;padding:20px;display:flex}.scheduled-post-card .post-time{color:var(--accent-warning);align-items:center;gap:8px;min-width:180px;font-weight:500;display:flex}.scheduled-post-card .post-time svg{width:18px;height:18px}.scheduled-post-card .post-message{color:var(--text-secondary);flex:1;font-size:14px}.scheduled-post-card .post-platforms{gap:8px;display:flex}.scheduled-post-card .platform-badge{font-size:20px}.scheduled-post-card .post-actions{gap:10px;display:flex}.scheduled-post-card .post-actions button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 15px;font-size:13px;transition:all .2s;display:flex}.scheduled-post-card .post-actions button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.scheduled-post-card .post-actions button.delete:hover{background:var(--accent-danger);border-color:var(--accent-danger)}.scheduled-post-card .post-actions button svg{width:16px;height:16px}.history-view .history-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.history-view h1{font-size:28px}.history-search{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;min-width:280px;padding:10px 15px;display:flex}.history-search svg{color:var(--text-muted);width:18px;height:18px}.history-search input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:14px}.history-search input:focus{outline:none}.history-list{flex-direction:column;gap:15px;display:flex}.history-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .2s}.history-card:hover{border-color:var(--accent-primary)}.history-card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.post-status{align-items:center;gap:12px;display:flex}.history-card .post-platforms{gap:8px;display:flex}.history-card .platform-badge{font-size:18px}.history-card-body{margin-bottom:15px}.history-card .post-message{font-size:14px;line-height:1.6}.history-card-engagement{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:25px;margin-bottom:15px;padding:15px 0;display:flex}.engagement-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.engagement-item svg{width:18px;height:18px}.history-card-actions{gap:10px;display:flex}.history-card-actions button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:8px 15px;font-size:13px;transition:all .2s;display:flex}.history-card-actions button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.history-card-actions button.delete:hover{background:var(--accent-danger);border-color:var(--accent-danger)}.history-card-actions button svg{width:16px;height:16px}.analytics-view .analytics-header{margin-bottom:30px}.analytics-view h1{margin-bottom:8px;font-size:28px}.analytics-view>.analytics-header>p{color:var(--text-secondary)}.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px;display:grid}.analytics-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:20px;padding:24px;display:flex}.analytics-charts{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.analytics-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.analytics-card h3{border-bottom:1px solid var(--border-color);margin-bottom:25px;padding-bottom:15px}.platform-bars{flex-direction:column;gap:20px;display:flex}.platform-bar-row{align-items:center;gap:15px;display:flex}.bar-label{align-items:center;gap:8px;min-width:120px;font-size:14px;display:flex}.bar-container{background:var(--bg-tertiary);border-radius:12px;flex:1;height:24px;overflow:hidden}.bar-fill{border-radius:12px;height:100%;transition:width .5s}.bar-value{text-align:right;min-width:80px;font-size:14px;font-weight:500}.bar-chart{justify-content:space-between;align-items:flex-end;height:200px;padding:20px 0;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-item .bar{background:linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));border-radius:6px 6px 0 0;width:28px;margin-top:auto;transition:height .5s;position:relative}.bar-item .bar:hover{opacity:.8}.bar-item .bar-tooltip{background:var(--bg-tertiary);opacity:0;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.bar-item .bar:hover .bar-tooltip{opacity:1}.bar-item .bar-label{color:var(--text-muted);margin-top:10px;font-size:12px}.settings-view .settings-header{margin-bottom:30px}.settings-view h1{margin-bottom:8px;font-size:28px}.settings-view>.settings-header>p{color:var(--text-secondary)}.settings-sections{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.settings-card h3{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.connected-accounts{flex-direction:column;gap:12px;display:flex}.account-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.account-icon{font-size:24px}.account-name{flex:1;font-weight:500}.connect-btn{background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:6px 15px;font-size:12px;font-weight:500;transition:all .2s}.account-item .dispatch-status{margin-left:auto}.connect-btn:hover{background:var(--accent-secondary)}.settings-options{flex-direction:column;gap:15px;display:flex}.setting-option{cursor:pointer;align-items:center;gap:12px;display:flex}.setting-option input{width:18px;height:18px;accent-color:var(--accent-primary)}.profile-settings .form-group{margin-bottom:15px}.save-settings-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-weight:500;transition:all .2s}.save-settings-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #6366f14d}.help-view .help-header{margin-bottom:30px}.help-view h1{margin-bottom:8px;font-size:28px}.help-view>.help-header>p{color:var(--text-secondary)}.help-sections{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.help-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.help-card h3{border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:12px}.help-card ul{list-style:none}.help-card li{color:var(--text-secondary);padding:8px 0 8px 20px;font-size:14px;position:relative}.help-card li:before{content:"•";color:var(--accent-primary);position:absolute;left:0}.help-contact{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:30px}.help-contact h3{margin-bottom:10px}.help-contact p{color:var(--accent-primary)}.notification-toast{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;align-items:center;gap:10px;padding:15px 25px;animation:.3s slideIn;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 40px #0006}.notification-toast.success{border-left:4px solid var(--accent-success)}.notification-toast.error{border-left:4px solid var(--accent-danger)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.compose-layout{grid-template-columns:1fr}.compose-sidebar{grid-template-columns:repeat(2,1fr);display:grid}.dashboard-grid,.analytics-charts{grid-template-columns:1fr}}@media (width<=768px){.sidebar{z-index:1200;width:min(82vw,320px);height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-collapsed .sidebar{transform:translate(-100%)}.mobile-sidebar-open .sidebar,.sidebar-collapsed.mobile-sidebar-open .sidebar{transform:translate(0)}.mobile-sidebar-backdrop{z-index:1100;background:#02061780;border:none;display:block;position:fixed;inset:0}.mobile-menu-btn{justify-content:center;align-items:center;display:inline-flex}.main-content,.sidebar-collapsed .main-content{margin-left:0}.top-bar{min-height:var(--topbar-height);padding:0 12px}.settings-sections{grid-template-columns:1fr}.content-area{padding:16px}.compose-sidebar{grid-template-columns:1fr}.platforms-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.schedule-options{flex-direction:column}.templates-header{flex-direction:column;gap:15px}.templates-filters{flex-direction:column}.history-header{flex-direction:column;gap:15px}.history-search{width:100%}.contacts-actions{flex-direction:column}.contacts-actions button{width:100%}.add-contact-form{flex-direction:column}.scheduled-post-card{flex-direction:column;align-items:flex-start}.dashboard-view .dashboard-header{flex-direction:column;align-items:stretch}.dashboard-view .refresh-btn{justify-content:center;width:100%}.top-bar-right{justify-content:flex-end;width:100%}.company-badge,.user-menu{width:auto;max-width:none}.templates-grid{grid-template-columns:1fr}.dashboard-grid{gap:14px}.stat-card,.dashboard-card,.template-card{border-radius:18px}.sidebar-scroll{padding:12px 10px 14px}.hr-profiles-dropdown{max-height:140px}.hr-profile-modal{width:min(100%,720px);max-width:none}.hr-profile-modal .modal-header,.hr-profile-modal .modal-body{padding-left:18px;padding-right:18px}.profile-tab-switcher,.form-row,.form-row.form-grid{grid-template-columns:1fr}.editor-actions{flex-direction:column;grid-column:span 1}.hr-profile-card{flex-direction:column;align-items:flex-start}.profile-card-actions{width:100%}.dispatch-actions{grid-template-columns:1fr}.account-item{align-items:flex-start}.account-item .dispatch-status{margin-left:0}}@media (width<=480px){.content-area{padding:12px}.top-bar{padding:0 10px}.dashboard-view .header-content h1,.templates-view h1,.compose-view h1{font-size:22px}.company-badge{gap:8px;padding:8px 10px}.company-badge-icon,.user-avatar.small{transform:scale(.92)}.nav-item{padding:12px 13px}.current-hr-profile{border-radius:16px;padding:10px}.hr-avatar{border-radius:12px;width:40px;height:40px}.collapsed-hr-avatar{border-radius:14px;width:44px;height:44px}.platform-metrics{flex-wrap:wrap;gap:10px}.post-meta{flex-direction:column;align-items:flex-start;gap:4px}.quick-action-buttons{grid-template-columns:1fr}.simple-chart{height:120px}.chart-bar{width:16px}.dashboard-view .header-content h1{font-size:22px}.dashboard-card{padding:16px}.stat-content h3{font-size:22px}}.main-container-wrapper{background:radial-gradient(circle at top,#0f172a,#020617);justify-content:center;align-items:center;min-height:100vh;padding:15px;display:flex}.unified-glass-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:26px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #0009}.inner-box{min-height:200px;padding:18px;position:relative}.border-bottom{border-bottom:1px solid #ffffff0f}.box-header{justify-content:space-between;align-items:center;display:flex}.box-header h4{color:#94a3b8;letter-spacing:1px;margin:0;font-size:11px}.slider-control{align-items:center;gap:5px;margin:12px 0;display:flex}.icon-track{scroll-behavior:smooth;flex:1;gap:10px;padding:5px;display:flex;overflow-x:auto}.icon-track::-webkit-scrollbar{display:none}.add-bubble{color:#fff;cursor:pointer;background:#ffffff1f;border-radius:12px;justify-content:center;align-items:center;min-width:42px;height:42px;transition:all .2s;display:flex}.add-bubble:hover{background:#6366f1;transform:scale(1.1)}.bubble-wrapper{position:relative}.mini-bubble{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.mini-bubble:hover{transform:scale(1.1)}.hover-message{color:#000;opacity:0;white-space:nowrap;background:#fff;border-radius:6px;padding:4px 10px;font-size:10px;transition:all .2s;position:absolute;bottom:45px}.bubble-wrapper:hover .hover-message{opacity:1}.remove-template{color:#ef4444;cursor:pointer;font-size:10px;position:absolute;top:-5px;right:-5px}.message-box{background:#00000040;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:80px;margin-top:15px;padding:10px;display:flex}.message-chip{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;padding:6px 10px;font-size:12px;animation:.3s dropIn}@keyframes dropIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.social-unit{cursor:pointer;color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:42px;height:42px;font-size:18px;transition:all .25s;display:flex}.social-unit:hover{transform:scale(1.1);box-shadow:0 0 15px #fff3}.arrow-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:5px;transition:all .2s}.arrow-btn:hover{color:#fff}.drop-preview{background:#00000040;border:2px dashed #ffffff1a;border-radius:14px;flex-wrap:wrap;gap:10px;min-height:65px;margin-bottom:20px;padding:12px;display:flex}.mini-target{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;animation:.35s dropIn;display:flex;position:relative}.mini-target:hover{transform:scale(1.1)}.remove-overlay{background:#0009;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:0;right:0}.hint{color:#475569;font-size:11px}.final-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-ui{cursor:pointer;border:none;border-radius:10px;padding:12px;font-weight:700;transition:all .2s}.btn-ui.secondary{color:#fff;background:#1e293b}.btn-ui.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-ui.full{color:#000;background:#fff;grid-column:span 2}.btn-ui:hover{transform:translateY(-1px)}.btn-ui:active{transform:scale(.96)}@media (width<=480px){.unified-glass-card{border-radius:18px}.inner-box{padding:14px}.mini-bubble{width:28px;height:28px}.social-unit{min-width:36px;height:36px}}.explore-page{background:linear-gradient(135deg,#020617,#0f172a);justify-content:center;align-items:center;min-height:100vh;display:flex}.explore-center{text-align:center;width:90%;max-width:600px}.explore-logo{color:#fff;margin-bottom:20px;font-size:42px}.explore-search-box input{color:#fff;background:#ffffff1a;border:none;border-radius:30px;outline:none;width:100%;margin-bottom:20px;padding:12px}.explore-services{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.explore-card{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:20px;padding:10px 16px;transition:all .3s}.explore-card:hover{background:#6366f1}.no-results{color:#94a3b8}.hero{box-sizing:border-box;align-items:flex-start;min-height:auto;padding-top:7px;padding-bottom:2px;display:flex;position:relative;overflow:visible}.hero:before{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:0;background:linear-gradient(#0000000a,#0000002e);position:absolute;inset:0}.hero__bg-grid{z-index:0}.hero__orb--1{pointer-events:none;background:radial-gradient(circle,#6366f10a,#0000 60%);width:480px;height:480px;position:absolute;top:-60px;right:-80px}.hero__orb--2{pointer-events:none;background:radial-gradient(circle,#0ea5e908,#0000 60%);width:320px;height:320px;position:absolute;bottom:0;left:-60px}.hero__orb--3{pointer-events:none;background:radial-gradient(circle,#8b5cf605,#0000 60%);width:220px;height:220px;position:absolute;top:52%;left:34%}.hero__inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:flex-start;gap:56px;padding-top:24px;padding-bottom:24px;display:grid;position:relative}.hero__content{z-index:1;margin-top:18px;position:relative}.hero__badge{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px;font-size:12px;font-weight:500;display:inline-flex}.hero__badge-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 5px #10b98100}}.hero__title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(24px,4.3vw,50px);font-weight:800;line-height:1.02}.hero__subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:24px;font-size:15px;line-height:1.55}.hero__actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.hero__secondary-cta{color:var(--text-secondary);transition:color var(--transition);align-items:center;gap:4px;font-size:15px;font-weight:600;display:inline-flex}.hero__secondary-cta:hover{color:var(--accent-indigo)}.hero__trust{flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:6px;display:flex}.hero__trust-item{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.hero__visual{z-index:1;width:100%;max-width:clamp(300px,42%,520px);margin-left:auto;display:block;position:relative}.hero__card{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:100%;background:#ffffff05;width:100%;overflow:visible}.hero__card-body,.hero__card-header{transform-origin:100%}.hero__card-header{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:10px;padding:14px 20px;display:flex}.hero__card-dots{gap:6px;display:flex}.hero__card-dots span{border-radius:50%;width:10px;height:10px}.hero__card-label{color:var(--text-muted);font-family:Courier New,monospace;font-size:12px}.hero__card-body{flex-direction:column;gap:12px;padding:20px 24px;display:flex}.hero__code-line{gap:8px;font-family:Courier New,monospace;font-size:14px;display:flex}.c-key{color:#7dd3fc}.c-op{color:#94a3b8}.c-val{color:#86efac}.c-str{color:#fcd34d}.c-num{color:#f9a8d4}.hero__card-status{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.hero__status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero__floating-tags{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.hero__tag{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a;border-radius:50px;padding:6px 14px;font-size:12px;font-weight:600}.hero__scroll{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--accent-indigo), transparent);width:1px;height:50px}.verticals-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.vertical-card{border-radius:var(--radius-lg);overflow:hidden}.vertical-card__link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);height:100%;padding:32px;display:block;position:relative;overflow:hidden}.vertical-card__link:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 20px 60px #6366f11a}.vertical-card__border{width:0;height:2px;transition:width var(--transition-slow);position:absolute;bottom:0;left:0}.vertical-card__link:hover .vertical-card__border{width:100%}.vertical-card__icon{border-radius:var(--radius-md);border:1px solid #ffffff14;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.vertical-card__title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:10px;font-size:18px;font-weight:700}.vertical-card__desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.65}.vertical-card__tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.vertical-card__tag{border:1px solid;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:600}.vertical-card__arrow{transition:gap var(--transition);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.vertical-card__link:hover .vertical-card__arrow{gap:10px}.why-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.why-card{padding:28px}.why-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-indigo);background:linear-gradient(135deg,#6366f126,#0ea5e91a);border:1px solid #6366f133;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.why-card__title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.why-card__desc{color:var(--text-secondary);font-size:14px;line-height:1.65}.process-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.process-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);margin:8px;padding:32px 28px;position:relative}.process-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.process-card__num{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-indigo), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1}.process-card__title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700}.process-card__desc{color:var(--text-secondary);font-size:13px;line-height:1.65}@media (width<=1024px){.hero__inner{grid-template-columns:1fr;gap:28px}.hero__visual{max-width:500px}.hero__content{margin-top:10px}.process-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.hero__orb--1,.hero__orb--2,.hero__orb--3{display:none}.hero__inner{gap:24px;padding-top:18px;padding-bottom:24px}.hero__content{margin-top:8px}.hero__title{font-size:clamp(24px,5.6vw,36px)}.hero__subtitle{max-width:100%;font-size:15px}.hero__visual{opacity:.98;max-width:360px;transform:scale(.95)}.hero__floating-tags{display:none}}@media (width<=540px){.hero__inner{gap:20px;padding-top:14px;padding-bottom:16px}.hero__content{margin-top:4px}.hero__title{font-size:clamp(20px,7vw,30px)}.hero__subtitle{font-size:14px;line-height:1.5}.hero__actions{margin-bottom:14px}.hero__visual{max-width:300px;margin-left:0;display:block;transform:scale(.84)}}@media (width<=768px){.verticals-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}}@media (width<=540px){.why-grid,.process-grid{grid-template-columns:1fr}}:root{--primary-indigo:#6366f1;--secondary-blue:#0ea5e9;--dark-void:#020617}.growth-wrapper{color:#fff;background:radial-gradient(circle at top,#020617,#020617);justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.circle-bg{filter:blur(120px);z-index:1;border-radius:50%;position:absolute}.circle-bg.one{background:var(--primary-indigo);opacity:.15;width:400px;height:400px;top:-100px;left:-100px}.circle-bg.two{background:var(--secondary-blue);opacity:.12;width:350px;height:350px;bottom:-50px;right:-50px}.growth-container{z-index:5;width:100%;max-width:1200px;position:relative}.growth-header{text-align:center;margin-bottom:70px}.growth-badge{color:var(--primary-indigo);background:linear-gradient(90deg,#6366f133,#0ea5e933);border:1px solid #6366f14d;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.growth-title{background:linear-gradient(to right, #fff, var(--primary-indigo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.8rem,7vw,4.5rem);font-weight:900}.growth-lead{color:#94a3b8;max-width:700px;margin:25px auto;font-size:1.2rem;line-height:1.6}.strategy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:0 auto;display:grid}.strategy-card{color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #6366f126;border-radius:24px;padding:40px;text-decoration:none;transition:all .35s;display:block;position:relative;overflow:hidden}.strategy-card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#6366f140,#0000);transition:all .4s;position:absolute;inset:0}.strategy-card:hover:before{opacity:1}.strategy-card:hover{border-color:var(--primary-indigo);transform:translateY(-12px)scale(1.03);box-shadow:0 25px 60px #6366f14d}.strategy-icon{background:linear-gradient(135deg, var(--primary-indigo), var(--secondary-blue));border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:25px;transition:all .3s;display:flex;box-shadow:0 10px 25px #6366f14d}.strategy-card:hover .strategy-icon{transform:scale(1.1)rotate(6deg)}.strategy-card h3{margin-bottom:15px;font-size:1.4rem;font-weight:700}.strategy-card p{color:#94a3b8;font-size:1rem;line-height:1.5}.card-arrow{color:var(--primary-indigo);opacity:.7;margin-top:20px;transition:all .3s}.strategy-card:hover .card-arrow{opacity:1;transform:translate(6px)}.stats-banner{border-top:1px solid #6366f133;justify-content:center;gap:60px;margin-top:80px;padding-top:40px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat strong{color:#fff;font-size:2.5rem}.stat span{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}@media (width<=768px){.growth-wrapper{padding:60px 15px}.stats-banner{flex-wrap:wrap;gap:30px}.strategy-card{padding:30px}}.eng-wrapper{color:#fff;background:#0b0f19;padding:80px 20px}.eng-hero{text-align:center;max-width:800px;margin:auto}.eng-hero h1{background:linear-gradient(90deg,#fff,#00e5ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem}.eng-hero p{color:#94a3b8;margin-top:20px}.eng-services{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:60px;display:grid}.eng-card{background:#ffffff0a;border:1px solid #00e5ff1a;border-radius:16px;padding:30px;transition:all .3s}.eng-card:hover{border-color:#00e5ff;transform:translateY(-10px);box-shadow:0 10px 30px #00e5ff33}.eng-process{text-align:center;margin-top:80px}.eng-cta{text-align:center;margin-top:100px}.eng-cta button{cursor:pointer;background:#00e5ff;border:none;border-radius:8px;margin-top:20px;padding:12px 30px;font-weight:700}:root{--primary:#6366f1;--secondary:#0ea5e9;--bg-dark:#020617;--text-main:#fff;--text-sub:#94a3b8}.services-container{color:var(--text-main);background:radial-gradient(circle at top,#020617,#020617);min-height:100vh;padding:80px 20px;font-family:Inter,sans-serif}.cloud-hero{text-align:center;padding:100px 20px 60px;position:relative}.cloud-hero:before{content:"";background:var(--primary);filter:blur(120px);opacity:.2;width:400px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero-content{z-index:2;max-width:800px;margin:auto;position:relative}.cloud-hero h1{background:linear-gradient(to right, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:900}.cloud-hero p{color:var(--text-sub);margin-top:20px;font-size:1.1rem;line-height:1.6}.hero-buttons{justify-content:center;gap:15px;margin-top:30px;display:flex}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 25px;font-weight:600;transition:all .3s}.primary-btn:hover{background:#4f46e5;transform:scale(1.05)}.secondary-btn{border:1px solid var(--primary);color:#fff;cursor:pointer;background:0 0;border-radius:8px;padding:12px 25px;transition:all .3s}.secondary-btn:hover{background:#6366f11a}.services-header{text-align:center;margin-bottom:60px}.services-header h2{font-size:2.5rem;font-weight:700}.services-header p{color:var(--text-sub);margin-top:10px;font-size:1.1rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1200px;margin:auto;display:grid}.service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff0a;border:1px solid #6366f126;border-radius:20px;padding:35px;transition:all .35s;position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#6366f140,#0000);transition:all .4s;position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-card:hover{border-color:var(--primary);transform:translateY(-12px)scale(1.03);box-shadow:0 25px 60px #6366f14d}.card-icon-frame{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:14px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex}.service-icon{-o-object-fit:contain;object-fit:contain;width:40px;height:40px}.card-title{margin-bottom:10px;font-size:1.3rem}.card-description{color:var(--text-sub);font-size:.95rem;line-height:1.5}@media (width<=768px){.cloud-hero{padding:80px 20px 40px}.services-header h2{font-size:2rem}.service-card{padding:25px}}.dg-wrapper{color:#fff;background:#0b0f19;padding:80px 20px}.dg-hero{text-align:center;max-width:800px;margin:auto}.dg-hero h1{background:linear-gradient(90deg,#fff,#00e5ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem}.dg-hero p{color:#94a3b8;margin-top:20px}.dg-services{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:60px;display:grid}.dg-card{background:#ffffff0a;border:1px solid #00e5ff1a;border-radius:16px;padding:30px;transition:all .3s}.dg-card:hover{border-color:#00e5ff;transform:translateY(-10px);box-shadow:0 10px 30px #00e5ff33}.dg-process{text-align:center;margin-top:80px}.dg-cta{text-align:center;margin-top:100px}.dg-cta button{cursor:pointer;background:#00e5ff;border:none;border-radius:8px;margin-top:20px;padding:12px 30px;font-weight:700}.consult-wrapper{color:#fff;background:#0b0f19;padding:80px 20px}.consult-hero{text-align:center;max-width:800px;margin:auto}.consult-hero h1{background:linear-gradient(90deg,#fff,#00e5ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem}.consult-hero p{color:#94a3b8;margin-top:20px}.consult-services{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:60px;display:grid}.consult-card{background:#ffffff0a;border:1px solid #00e5ff1a;border-radius:16px;padding:30px;transition:all .3s}.consult-card:hover{border-color:#00e5ff;transform:translateY(-10px);box-shadow:0 10px 30px #00e5ff33}.icon{margin-bottom:20px}.consult-process{text-align:center;margin-top:80px}.process-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:30px;display:grid}.process-grid div{background:#111827;border-radius:10px;padding:15px}.consult-cta{text-align:center;margin-top:100px}.consult-cta button{cursor:pointer;background:#00e5ff;border:none;border-radius:8px;margin-top:20px;padding:12px 30px;font-weight:700}@media (width<=768px){.consult-wrapper{padding:60px 15px}.consult-card{padding:25px}}:root{--primary-color:#f59e0b;--secondary-color:#ef4444;--text-main:#fff;--text-muted:#e5e7eb;--bg-dark:#0b1320;--glass-bg:#ffffff0a;--glass-border:#ffffff1a;--font-family:"Inter", system-ui, sans-serif}.web-dev-section{width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-family);background:linear-gradient(135deg,#0b1320,#111827);justify-content:center;align-items:center;padding:80px 20px;display:flex;position:relative;overflow:hidden}.background-overlay{z-index:1;background-image:linear-gradient(to bottom right,#0b1320f2,#f59e0b26),url(https://images.unsplash.com/photo-1566073771259-6a8506099945?ixlib=rb-4.0.3&auto=format&fit=crop&w=3840&q=80);background-position:50%;background-size:cover;position:absolute;inset:0}.web-dev-container{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex;position:relative}.header-content{text-align:center;max-width:800px;margin-bottom:70px}.sub-title{text-transform:uppercase;letter-spacing:2px;color:var(--primary-color);margin-bottom:10px;font-size:.9rem;font-weight:600;display:inline-block}.gradient-text{background:linear-gradient(135deg, #fff 20%, var(--primary-color) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1.1}.description{color:#d1d5db;margin-top:20px;margin-bottom:10px;font-size:clamp(1.05rem,4vw,1.2rem);line-height:1.6}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(auto,1fr);gap:30px;width:100%;max-width:1200px;margin:0 auto;display:grid}.tech-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);cursor:pointer;border-radius:20px;flex-direction:column;align-items:flex-start;padding:40px;transition:all .35s;display:flex;position:relative;overflow:hidden}.tech-card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#f59e0b33,#0000);transition:opacity .4s;position:absolute;inset:0}.tech-card:hover:before{opacity:1}.tech-card:hover{border-color:#f59e0b80;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #0006}.icon-wrapper{color:var(--primary-color);background:#f59e0b26;border-radius:12px;margin-bottom:25px;padding:15px;transition:all .3s}.tech-card:hover .icon-wrapper{transform:rotate(5deg)scale(1.1)}.tech-card h3{margin-bottom:12px;font-size:1.5rem;font-weight:700}.tech-card p{color:var(--text-muted);font-size:1rem;line-height:1.5}@media (width<=768px){.web-dev-section{padding:60px 15px}.header-content{flex-direction:column;align-items:center;margin-bottom:50px;display:flex}.sub-title{margin-bottom:15px;font-size:.85rem}.gradient-text{margin-bottom:20px;font-size:2rem;line-height:1.2}.description{width:100%;margin-top:20px;margin-bottom:10px;font-size:1rem;line-height:1.6;display:block}.tech-card{text-align:center;align-items:center;padding:30px}}@media (width<=480px){.web-dev-section{padding:50px 15px}.header-content{margin-bottom:40px}.gradient-text{font-size:1.5rem}.description{margin-bottom:10px;padding:0 10px;font-size:.95rem}}:root{--primary-green:#22c55e;--secondary-green:#16a34a;--dark-base:#020617;--glass-stroke:#22c55e40}.devops-wrapper{color:#fff;background:radial-gradient(circle at top,#020617,#020617);justify-content:center;align-items:center;min-height:100vh;padding:100px 20px;display:flex;position:relative;overflow:hidden}.grid-overlay{background-image:linear-gradient(#22c55e0d 1px,#0000 1px),linear-gradient(90deg,#22c55e0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.devops-content{z-index:5;width:100%;max-width:1100px;position:relative}.devops-header{text-align:center;margin-bottom:60px}.badge{border:1px solid var(--primary-green);color:var(--primary-green);text-transform:uppercase;background:#22c55e1a;border-radius:50px;margin-bottom:15px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.cyber-title{letter-spacing:-1px;background:linear-gradient(to right, #fff, var(--primary-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800}.lead-text{color:#94a3b8;max-width:650px;margin:20px auto;font-size:1.15rem;line-height:1.6}.capability-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(auto,1fr);gap:25px;max-width:1200px;margin-top:50px;margin-left:auto;margin-right:auto;display:grid}.capability-card{border:1px solid var(--glass-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border-radius:20px;padding:35px;transition:all .4s;position:relative;overflow:hidden}.glow-effect{background:linear-gradient(90deg, transparent, var(--primary-green), transparent);opacity:0;width:100%;height:4px;transition:all .3s;position:absolute;top:0;left:0}.capability-card:hover .glow-effect{opacity:1}.capability-card:hover{border-color:var(--primary-green);transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #22c55e33}.icon-container{width:60px;height:60px;color:var(--primary-green);background:linear-gradient(135deg,#22c55e33,#0000);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.capability-card:hover .icon-container{transform:scale(1.1)rotate(5deg)}.capability-card h3{margin-bottom:12px;font-size:1.3rem}.capability-card p{color:#64748b;font-size:.95rem;line-height:1.5}.tech-bar{text-align:center;color:var(--primary-green);letter-spacing:1px;margin-top:60px;font-family:Courier New,Courier,monospace;font-weight:600}.tech-bar span{margin:0 10px}@media (width<=768px){.devops-wrapper{padding:60px 15px}}.branding-wrapper{color:#fff;background:radial-gradient(circle at 100% 0,#052e16,#020617);min-height:100vh;padding:80px 20px;font-family:Inter,sans-serif;position:relative;overflow:hidden}.brand-blob{filter:blur(100px);z-index:0;opacity:.2;border-radius:50%;width:400px;height:400px;position:absolute}.brand-blob.one{background:#22c55e;top:-10%;right:-5%}.brand-blob.two{background:#4ade80;bottom:-10%;left:-5%}.branding-container{text-align:center;z-index:1;max-width:1200px;margin:auto;position:relative}.branding-header{margin-bottom:60px}.brand-badge{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.brand-title{background:linear-gradient(90deg,#fff,#4ade80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800}.brand-lead{color:#bbf7d0;max-width:700px;margin:auto;font-size:1.1rem;line-height:1.6}.brand-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(auto,1fr);gap:25px;max-width:1200px;margin-top:50px;margin-left:auto;margin-right:auto;display:grid}.brand-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#ffffff0a;border:1px solid #22c55e26;border-radius:20px;padding:40px 30px;transition:all .4s;position:relative;overflow:hidden}.card-design-line{background:linear-gradient(90deg,#22c55e,#4ade80);width:0%;height:4px;transition:width .4s;position:absolute;bottom:0;left:0}.brand-card:hover .card-design-line{width:100%}.brand-card:hover{border-color:#22c55e;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #22c55e33}.brand-icon-box{color:#22c55e;background:#22c55e26;border-radius:12px;margin-bottom:20px;padding:12px;transition:all .3s;display:inline-block}.brand-card:hover .brand-icon-box{transform:rotate(5deg)scale(1.1)}.brand-card h3{margin-bottom:12px;font-size:1.4rem;font-weight:700}.brand-card p{color:#bbf7d0;font-size:.95rem;line-height:1.5}.brand-footer-text{color:#86efac;margin-top:60px;font-size:1rem;font-style:italic}@media (width<=1024px){.brand-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.brand-grid{grid-template-columns:1fr}.branding-wrapper{padding:60px 15px}.brand-title{font-size:2.2rem}.brand-card{padding:30px 20px}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:10px;line-height:1.5}html{scroll-behavior:smooth}h1,h2{font-family:Montserrat,sans-serif;font-weight:700}:root{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-gold:linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--gradient-sunset:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-ocean:linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%);--gradient-forest:linear-gradient(135deg, #134e5e 0%, #71b280 100%);--gradient-dark:linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);--color-navy:#0f172a;--color-dark-blue:#1e293b;--color-slate:#334155;--color-purple:#8b5cf6;--color-pink:#ec4899;--color-cyan:#06b6d4;--color-gold:#f59e0b;--color-emerald:#10b981;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-dark:#1e293b;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-light:#f1f5f9;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--shadow-glow:0 0 30px #8b5cf633;--border-light:1px solid #ffffff1a;--border-dark:1px solid #0000001a}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:var(--bg-primary);color:var(--text-primary);letter-spacing:.3px;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;margin:0;font-weight:700;line-height:1.2}h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,8vw,4rem)}h2{color:var(--text-primary);font-size:clamp(1.5rem,6vw,2.5rem)}h3{color:var(--text-secondary);font-size:clamp(1.25rem,5vw,1.875rem)}p{color:var(--text-muted);font-size:clamp(.875rem,2vw,1.125rem);line-height:1.8}a{color:var(--color-cyan);text-decoration:none;transition:all .3s}a:hover{color:var(--color-purple);text-shadow:0 0 10px #8b5cf680}.btn-premium{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-premium:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-premium:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.btn-secondary{color:var(--color-purple);border:2px solid var(--color-purple);background:#8b5cf61a}.btn-secondary:hover{background:var(--color-purple);color:#fff;transform:translateY(-2px)}.btn-gradient{background:var(--gradient-sunset);color:#fff;box-shadow:var(--shadow-lg)}.btn-gradient:hover{transform:translateY(-4px);box-shadow:0 0 30px #f59e0b66}.card-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1e293bcc,#33415566);border:1px solid #ffffff1a;border-radius:16px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-premium:before{content:"";background:radial-gradient(circle,#8b5cf633,#0000);border-radius:50%;width:200px;height:200px;transition:all .6s;position:absolute;top:-50%;right:-50%}.card-premium:hover{border-color:#8b5cf680;transform:translateY(-8px);box-shadow:0 0 40px #8b5cf64d}.card-premium:hover:before{top:-20%;right:-20%}.card-premium h3{z-index:1;margin-bottom:12px;position:relative}.card-premium p{z-index:1;position:relative}.header-premium{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid #ffffff0d;padding:20px 0;position:sticky;top:0;box-shadow:0 10px 30px #0000004d}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 20px;display:flex}.logo-premium{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.hero-premium{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex;position:relative;overflow:hidden}.hero-premium:before{content:"";background:radial-gradient(circle,#8b5cf64d,#0000);border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero-premium:after{content:"";background:radial-gradient(circle,#06b6d433,#0000);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-20%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.hero-content{z-index:2;text-align:center;max-width:800px;animation:1s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{border:1px solid var(--color-purple);color:var(--color-purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf61a;border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-block}.hero-title{background:linear-gradient(135deg, #fff 0%, var(--color-cyan) 50%, var(--color-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(2.5rem,10vw,4.5rem);line-height:1.1}.hero-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:clamp(1rem,3vw,1.25rem);line-height:1.8}.hero-cta{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.section-premium{padding:80px 20px;position:relative;overflow:hidden}.section-premium.dark{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.section-premium.light{color:var(--text-dark);background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.section-premium.light p{color:var(--text-slate)}.section-title{text-align:center;max-width:600px;margin:0 auto 60px}.section-title h2{margin-bottom:20px}.feature-grid-premium{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1400px;margin:0 auto;display:grid}.feature-card{group:"feature";background:linear-gradient(135deg,#1e293b99,#3341554d);border:1px solid #ffffff1a;border-radius:16px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-primary);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.feature-card:hover{border-color:#0000;transform:translateY(-12px)}.feature-card:hover:before{opacity:.05}.feature-icon{margin-bottom:20px;font-size:3rem}.feature-card h3{color:var(--text-primary);margin-bottom:15px}.feature-card p{color:var(--text-muted)}.footer-premium{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);color:var(--text-primary);border-top:1px solid #ffffff0d;padding:80px 20px 20px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1400px;margin:0 auto 60px;display:grid}.footer-section h4{color:var(--text-primary);margin-bottom:20px;font-size:1.1rem}.footer-section a{color:var(--text-muted);margin:10px 0;transition:all .3s;display:block}.footer-section a:hover{color:var(--color-cyan);transform:translate(8px)}.footer-bottom{text-align:center;max-width:1400px;color:var(--text-muted);border-top:1px solid #ffffff0d;margin:0 auto;padding-top:40px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.animate-slide-in-left{animation:.6s ease-out slideInLeft}.animate-slide-in-right{animation:.6s ease-out slideInRight}.animate-scale-in{animation:.6s ease-out scaleIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.form-premium{max-width:600px;margin:0 auto}.form-group{margin-bottom:25px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input::-moz-placeholder{color:var(--text-muted)}.form-group textarea::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-purple);background:#ffffff1a;outline:none;box-shadow:0 0 20px #8b5cf633}.badge-premium{border:1px solid var(--color-purple);color:var(--color-purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf633;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-block}.stats-premium{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:60px auto;display:grid}.stat-card{text-align:center;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;padding:30px;transition:all .3s}.stat-card:hover{background:#8b5cf61a;transform:translateY(-4px)}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.95rem}.timeline-premium{max-width:800px;margin:60px auto;padding:40px 20px;position:relative}.timeline-premium:before{content:"";background:linear-gradient(180deg, var(--color-purple), var(--color-cyan));width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{margin-bottom:50px;position:relative}.timeline-item:nth-child(odd){text-align:right;padding-right:52%}.timeline-item:nth-child(2n){text-align:left;padding-left:52%}.timeline-dot{background:var(--color-purple);border:4px solid var(--bg-primary);z-index:10;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b99,#3341554d);border:1px solid #ffffff1a;border-radius:12px;padding:25px}.timeline-content h4{margin-bottom:8px}.timeline-content p{font-size:.9rem}.divider-premium{background:linear-gradient(90deg, transparent, var(--color-purple), transparent);border:none;height:2px;margin:60px 0}@media (width<=768px){.hero-premium{min-height:80vh;padding:40px 20px}.hero-cta{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:30px}.section-premium{padding:60px 20px}.timeline-premium:before{left:20px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){text-align:left;padding-left:80px;padding-right:0}.timeline-dot{left:20px}}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px}.scroll-animate{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.scroll-animate.active{opacity:1;transform:translateY(0)}:root{--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}html,body{scroll-behavior:smooth;width:100%;margin:0;padding:0;overflow-x:hidden}body{font-size:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;height:auto;display:block}picture{display:contents}video{max-width:100%;height:auto}h1{font-size:clamp(1.5rem,8vw,3rem);line-height:1.2}h2{font-size:clamp(1.25rem,6vw,2.25rem);line-height:1.3}h3{font-size:clamp(1.125rem,5vw,1.875rem);line-height:1.4}h4{font-size:clamp(1rem,4vw,1.5rem);line-height:1.4}h5,h6{font-size:clamp(.875rem,3vw,1.25rem);line-height:1.5}p{margin:0;font-size:clamp(.875rem,2vw,1rem)}.container{width:100%;padding:0 var(--space-md);margin:0 auto}@media (width>=640px){.container{padding:0 var(--space-lg);max-width:600px}}@media (width>=768px){.container{max-width:700px;padding:0 var(--space-xl)}}@media (width>=1024px){.container{max-width:900px;padding:0 var(--space-2xl)}}@media (width>=1280px){.container{max-width:1100px;padding:0 var(--space-3xl)}}.p-responsive{padding:var(--space-md)}@media (width>=640px){.p-responsive{padding:var(--space-lg)}}@media (width>=768px){.p-responsive{padding:var(--space-xl)}}@media (width>=1024px){.p-responsive{padding:var(--space-2xl)}}.py-responsive{padding-top:var(--space-md);padding-bottom:var(--space-md)}@media (width>=640px){.py-responsive{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}}@media (width>=768px){.py-responsive{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}}@media (width>=1024px){.py-responsive{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}}section{width:100%;padding:var(--space-lg) var(--space-md)}@media (width>=640px){section{padding:var(--space-2xl) var(--space-lg)}}@media (width>=768px){section{padding:var(--space-3xl) var(--space-xl)}}@media (width>=1024px){section{padding:80px var(--space-2xl)}}.flex-responsive{gap:var(--space-md);flex-direction:column;display:flex}@media (width>=640px){.flex-responsive{gap:var(--space-lg);flex-direction:row}}@media (width>=768px){.flex-responsive{gap:var(--space-xl)}}button,a.btn,input[type=button],input[type=submit],input[type=reset]{min-width:44px;min-height:44px;padding:var(--space-sm) var(--space-md);transition:var(--transition-normal)}@media (hover:hover) and (pointer:fine){button:hover,a.btn:hover{transform:translateY(-2px)}}@media (hover:none) and (pointer:coarse){button:active,a.btn:active{opacity:.8}}input,textarea,select{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:var(--transition-normal);border:1px solid #ccc;font-family:inherit;font-size:16px}input:focus,textarea:focus,select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.mobile-menu-toggle{cursor:pointer;flex-direction:column;gap:6px;display:none}.mobile-menu-toggle span{width:25px;height:3px;transition:var(--transition-normal);transform-origin:50%;background-color:#fff}@media (width<=768px){.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)translate(10px,10px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}}nav{z-index:1000;width:100%;position:sticky;top:0}nav>ul,nav>ol{gap:var(--space-md);padding:var(--space-md);flex-wrap:wrap;margin:0;list-style:none;display:flex}@media (width<=768px){nav>ul,nav>ol{flex-direction:column;gap:0;padding:0}nav>ul li,nav>ol li{border-bottom:1px solid #0000001a;width:100%}nav>ul a,nav>ol a{padding:var(--space-md);display:block}}.hero-responsive{min-height:60vh;padding:var(--space-2xl) var(--space-md);justify-content:center;align-items:center;display:flex}@media (width>=640px){.hero-responsive{min-height:70vh;padding:var(--space-3xl) var(--space-lg)}}@media (width>=768px){.hero-responsive{min-height:80vh;padding:var(--space-3xl) var(--space-xl)}}@media (width>=1024px){.hero-responsive{min-height:100vh;padding:80px var(--space-2xl)}}.card-grid-responsive{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=640px){.card-grid-responsive{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card-grid-responsive{gap:var(--space-xl);grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.card-grid-responsive{gap:var(--space-2xl);grid-template-columns:repeat(4,1fr)}}.layout-2col-responsive{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.layout-2col-responsive{gap:var(--space-xl);grid-template-columns:1fr 1fr}}@media (width>=1024px){.layout-2col-responsive{gap:var(--space-2xl)}}.layout-sidebar-responsive{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.layout-sidebar-responsive{gap:var(--space-xl);grid-template-columns:200px 1fr}}@media (width>=1024px){.layout-sidebar-responsive{gap:var(--space-2xl);grid-template-columns:250px 1fr}}.hide-mobile{display:none}@media (width>=768px){.hide-mobile{display:block}.show-mobile{display:none}}.hide-tablet{display:none}@media (width>=768px) and (width<=1024px){.hide-tablet{display:block}}.hide-desktop{display:block}@media (width>=1024px){.hide-desktop{display:none}.show-desktop{display:block}}.text-center-responsive{text-align:left}@media (width>=768px){.text-center-responsive{text-align:center}}.fullscreen{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.full-width{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.title-responsive{font-size:clamp(1.875rem,8vw,3rem);font-weight:800}.subtitle-responsive{font-size:clamp(1.125rem,5vw,1.875rem);font-weight:600}.body-responsive{font-size:clamp(.875rem,2vw,1.125rem);line-height:1.6}.caption-responsive{font-size:clamp(.75rem,1.5vw,.875rem);line-height:1.5}@media print{.no-print,.mobile-menu-toggle{display:none!important}body{color:#000;background:#fff;font-size:12pt;line-height:1.5}a{color:#000;text-decoration:underline}img{max-width:100%}.page-break{page-break-before:always}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){*{outline-width:2px}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.grid-row{grid-template-columns:1fr;gap:20px;width:100%;margin-bottom:20px;display:grid}.grid-row.gap-small{gap:10px}.grid-row.gap-medium{gap:20px}.grid-row.gap-large{gap:30px}.grid-row.gap-xl{gap:40px}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-cols-6{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.grid-auto-fit.min-280{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fit.min-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit.min-320{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.grid-auto-rows-equal{grid-auto-rows:minmax(auto,1fr);display:grid}.grid-auto-rows-200{grid-auto-rows:200px;display:grid}.grid-auto-rows-250{grid-auto-rows:250px;display:grid}.grid-auto-rows-300{grid-auto-rows:300px;display:grid}.grid-responsive-2-col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:minmax(auto,1fr);gap:20px;display:grid}.grid-responsive-3-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(auto,1fr);gap:20px;display:grid}.grid-responsive-4-col{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:minmax(auto,1fr);gap:20px;display:grid}.grid-centered{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.grid-centered.max-1100{max-width:1100px}.grid-centered.max-1000{max-width:1000px}.grid-centered.max-900{max-width:900px}.flex-row{flex-flow:wrap;gap:20px;display:flex}.flex-col{flex-direction:column;gap:20px;display:flex}.flex-equal>*{flex:1}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}@media (width<=768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-auto-fit,.grid-auto-fit.min-280,.grid-auto-fit.min-300,.grid-auto-fit.min-320{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-responsive-3-col,.grid-responsive-4-col{grid-template-columns:repeat(2,1fr)}.col-span-2,.col-span-3,.col-span-4{grid-column:span 1}}@media (width<=600px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-6,.grid-auto-fit,.grid-auto-fit.min-280,.grid-auto-fit.min-300,.grid-auto-fit.min-320,.grid-auto-fill,.grid-responsive-2-col,.grid-responsive-3-col,.grid-responsive-4-col{grid-template-columns:1fr}.flex-row{flex-direction:column}.col-span-1,.col-span-2,.col-span-3,.col-span-4{grid-column:span 1}}.card-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-auto-rows:minmax(auto,1fr);gap:25px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.service-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(auto,1fr);gap:25px;max-width:1200px;margin:0 auto;display:grid}.product-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:minmax(auto,1fr);gap:20px;display:grid}.team-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:minmax(auto,1fr);gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(auto,1fr);gap:30px;max-width:1300px;margin:0 auto;display:grid}.w-full{width:100%}.h-full{height:100%}.p-20{padding:20px}.p-30{padding:30px}.p-40{padding:40px}.m-auto{margin:auto}.text-center{text-align:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.form-grid{grid-template-columns:1fr;gap:20px;max-width:600px;margin:0 auto;display:grid}.form-grid-2col{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-grid-3col{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(200px,auto);gap:20px;padding:20px;display:grid}.dashboard-widget{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.dashboard-widget.span-2{grid-column:span 2}.dashboard-widget.span-full{grid-column:1/-1}.layout-sidebar{grid-template-columns:250px 1fr;gap:30px;max-width:1400px;margin:0 auto;display:grid}.sidebar,.main-content{padding:20px}.article-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:minmax(400px,auto);gap:30px;max-width:1300px;margin:0 auto;display:grid}.article-grid.featured{grid-template-columns:2fr 1fr}.article-featured{grid-row:span 2}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.hero-text{grid-column:1}.hero-image{grid-column:2}.nav-grid{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:100%;padding:15px 20px;display:grid}.nav-logo{grid-column:1}.nav-menu{grid-column:2}.nav-actions{grid-column:3}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:auto;gap:40px;max-width:1200px;margin:0 auto;padding:60px 20px;display:grid}.footer-section{flex-direction:column;gap:15px;display:flex}.footer-section h4{margin:0;font-size:18px;font-weight:600}.table-grid{gap:10px;width:100%;display:grid;overflow-x:auto}.table-header{background-color:#f5f5f5;border-radius:4px 4px 0 0;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;padding:15px;font-weight:600;display:grid}.table-row{border-bottom:1px solid #e0e0e0;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:center;gap:10px;padding:15px;display:grid}.masonry-grid{auto-rows:masonry;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.container-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.z-layer-fixed{z-index:100;position:fixed}.z-layer-sticky{z-index:50;position:sticky}.z-layer-relative{z-index:10;position:relative}.space-y-10>*+*{margin-top:10px}.space-y-20>*+*{margin-top:20px}.space-y-30>*+*{margin-top:30px}.space-x-10>*+*{margin-left:10px}.space-x-20>*+*{margin-left:20px}.space-x-30>*+*{margin-left:30px}.grid-place-center{place-items:center;display:grid}.grid-place-start{place-items:start;display:grid}.grid-place-end{place-items:end;display:grid}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-around{justify-content:space-around;align-items:center;display:flex}@media (width<=1024px){.layout-sidebar{grid-template-columns:200px 1fr;gap:20px}}@media (width<=768px){.layout-sidebar{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-image{grid-column:1}.article-grid.featured{grid-template-columns:1fr}.article-featured{grid-row:auto}.form-grid-2col,.form-grid-3col{grid-template-columns:1fr}.nav-grid{grid-template-columns:1fr;gap:15px}.nav-logo,.nav-menu,.nav-actions{grid-column:1}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px;padding:40px 20px}}@media (width<=600px){.layout-sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:20px;padding:30px 20px}.table-header,.table-row{grid-template-columns:1fr}.dashboard-widget.span-2,.dashboard-widget.span-full{grid-column:1}}.grid-responsive{grid-template-columns:1fr;gap:15px;display:grid}@media (width>=640px){.grid-responsive.sm\:cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.grid-responsive.md\:cols-2{grid-template-columns:repeat(2,1fr)}.grid-responsive.md\:cols-3{grid-template-columns:repeat(3,1fr)}.grid-responsive.md\:gap-20{gap:20px}}@media (width>=1024px){.grid-responsive.lg\:cols-3{grid-template-columns:repeat(3,1fr)}.grid-responsive.lg\:cols-4{grid-template-columns:repeat(4,1fr)}.grid-responsive.lg\:gap-30{gap:30px}}@media (width>=1280px){.grid-responsive.xl\:cols-4{grid-template-columns:repeat(4,1fr)}.grid-responsive.xl\:cols-6{grid-template-columns:repeat(6,1fr)}.grid-responsive.xl\:gap-40{gap:40px}}.hidden-sm{display:none}@media (width>=640px){.hidden-sm{display:block}.hidden-md,.hidden-lg,.hidden-xl{display:none}}@media (width>=1024px){.hidden-md{display:block}.hidden-lg,.hidden-xl{display:none}.hidden-lg{display:block}.hidden-xl{display:none}}@media (width>=1280px){.hidden-xl{display:block}}@media (width<=640px){.container-mobile{padding:10px}.grid-mobile-stack{grid-template-columns:1fr}}@media (width>=641px) and (width<=1024px){.container-tablet{padding:15px}.grid-tablet-2col{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.container-desktop{max-width:1200px;margin:0 auto;padding:20px}.grid-desktop-4col{grid-template-columns:repeat(4,1fr)}}.bp-small,.bp-medium,.bp-large{width:100%}@media (width>=768px){.bp-medium{width:90%;margin:0 auto}}@media (width>=1024px){.bp-large{width:85%;max-width:1200px;margin:0 auto}}@media (orientation:portrait){.portrait-only{display:block}.landscape-only{display:none}}@media (orientation:landscape){.portrait-only{display:none}.landscape-only{display:block}}@media print{.no-print{display:none!important}.print-only{display:block!important}.grid-print-cols-2{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.grid-item{border:2px solid}}@media (prefers-color-scheme:dark){.grid-item{color:#fff;background-color:#1e1e1e}}@media (prefers-color-scheme:light){.grid-item{color:#000;background-color:#fff}}@media (hover:none) and (pointer:coarse){.grid-item{min-height:44px;padding:15px}.grid-item:active{opacity:.8}}@media (hover:hover) and (pointer:fine){.grid-item{cursor:pointer;min-height:auto}.grid-item:hover{opacity:.9;transition:opacity .2s}}.grid-fluid{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,40vw,400px),1fr));gap:clamp(10px,2vw,30px);display:grid}.grid-fluid-tight{grid-template-columns:repeat(auto-fit,minmax(clamp(200px,30vw,300px),1fr));gap:clamp(8px,1.5vw,20px)}.grid-fluid-wide{grid-template-columns:repeat(auto-fit,minmax(clamp(300px,50vw,500px),1fr));gap:clamp(15px,3vw,40px)}.grid-nested{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.grid-nested>*{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.aspect-square{aspect-ratio:1}.aspect-16-9{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}.aspect-3-2{aspect-ratio:3/2}.aspect-21-9{aspect-ratio:21/9}