:root{--font-heading: "Montserrat", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--color-bg: #050505;--color-bg-subtle: #111111;--color-text: #ffffff;--color-text-muted: #888888;--color-border: #333333;--color-primary: #ffffff;--color-hover: #333333;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::selection{background:#fff;color:#000}html{overflow-y:scroll;height:100%}body{margin:0;padding:0;min-width:320px;min-height:100%;font-family:var(--font-body);overflow-x:hidden;background:var(--color-bg);color:var(--color-text)}.app{background:var(--color-bg);overflow-x:hidden}main{overflow-x:hidden}.hero{display:flex;align-items:center;justify-content:space-between;min-height:100vh;padding:2rem 8%;gap:4rem;position:relative;background:var(--color-bg)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:.5;animation:fadeIn 1s ease-out 1.5s both}.mouse{width:26px;height:42px;border:2px solid #999;border-radius:20px;display:flex;justify-content:center;padding-top:8px}.wheel{width:4px;height:8px;background-color:#999;border-radius:2px;animation:scrollWheel 1.5s infinite}.arrow-scroll span{display:block;width:10px;height:10px;border-bottom:2px solid #999;border-right:2px solid #999;transform:rotate(45deg);margin:-4px;animation:scrollArrow 2s infinite}.arrow-scroll span:nth-child(2){animation-delay:-.2s}.arrow-scroll span:nth-child(3){animation-delay:-.4s}@media(max-width:900px){.scroll-indicator{display:none}}.hero-content{flex:1;max-width:580px}.hero-content h1{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0;color:var(--color-text);line-height:1.2;letter-spacing:-.01em;animation:fadeInUp .8s ease-out both}.hero-content p{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);color:var(--color-text-muted);margin:1.5rem 0 2.5rem;line-height:1.7;animation:fadeInUp .8s ease-out .15s both}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .3s both}.hero-cta{font-family:var(--font-body);background:#fff;color:#000;border:none;padding:1rem 2rem;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .25s ease,opacity .25s ease}.hero-cta:hover{transform:translateY(-2px);opacity:.85}.hero-cta-secondary{font-family:var(--font-body);background:transparent;color:var(--color-text);border:2px solid var(--color-border);padding:1rem 2rem;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-decoration:none;display:inline-block}.hero-cta-secondary:hover{background:#fff;color:#000;border-color:#fff}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease-out .5s both;position:relative;overflow:visible}.hero-image img{max-width:120%;min-width:500px;height:auto;object-fit:contain;position:relative;z-index:1;animation:fadeIn 1s ease-out .5s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes scrollArrow{0%{opacity:0;transform:rotate(45deg) translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(5px,5px)}}.services{min-height:100vh;padding:6rem 8%;text-align:center;display:flex;flex-direction:column;justify-content:center;background:var(--color-bg)}.section-header{max-width:600px;margin:0 auto 4rem}.section-header h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:var(--color-text);margin:0 0 1rem}.section-header p{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.15rem);color:var(--color-text-muted);line-height:1.6}@media(max-width:900px){.hero{flex-direction:column;text-align:center;padding:6rem 1.5rem 3rem;gap:0;min-height:100vh;min-height:100dvh;justify-content:space-between}.hero-content{order:1;max-width:100%;flex-shrink:0;padding-top:2.5rem}.hero-content h1{font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.15}.hero-content p{font-size:clamp(.9rem,3.5vw,1rem);margin:.8rem 0 1.2rem;line-height:1.5}.hero-buttons{justify-content:center;gap:.75rem}.hero-cta,.hero-cta-secondary{padding:.75rem 1.25rem;font-size:.85rem}.hero-image{order:2;width:100%;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image img{min-width:auto;max-width:115%;height:auto}.services{min-height:auto;padding:3rem 5%}.section-header{margin-bottom:2rem}}.navbar{display:flex;justify-content:center;padding:1rem;width:100%;position:fixed;top:0;left:0;z-index:1000;box-sizing:border-box}.navbar-container{display:flex;align-items:center;justify-content:space-between;background:#0a0a0ad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:50px;padding:.5rem 1.5rem;width:calc(100% - 2rem);max-width:900px;box-shadow:0 4px 30px #00000080;position:relative;box-sizing:border-box}.navbar-brand{font-weight:800;font-size:1.1rem;letter-spacing:.5px;color:var(--color-text);text-transform:uppercase;margin-right:auto;padding-left:.5rem;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:.2rem;font-size:.9rem}.nav-link{position:relative;text-decoration:none;color:var(--color-text-muted);font-weight:500;padding:.3rem .7rem;border-radius:8px;transition:color .2s ease,background-color .2s ease}.nav-link:hover{color:var(--color-text);background-color:var(--color-bg-subtle)}button.nav-link{background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer}.contact-btn{background-color:#fff!important;color:#000!important;border:none!important;border-radius:500px!important;padding:.4rem 1.2rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s,opacity .2s;text-decoration:none;display:inline-block}.contact-btn:hover{transform:scale(1.03);opacity:.85}.admin-nav-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.admin-nav-btn svg{width:16px;height:16px;stroke:var(--color-text-muted)}.admin-nav-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-text)}.admin-nav-btn:hover svg{stroke:var(--color-text)}.logout-nav-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;cursor:pointer;transition:all .2s ease;margin-left:.3rem}.logout-nav-btn svg{width:16px;height:16px;stroke:var(--color-text-muted)}.logout-nav-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-text)}.logout-nav-btn:hover svg{stroke:var(--color-text)}.client-access-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--color-border);border-radius:500px;padding:.4rem 1rem;cursor:pointer;transition:all .2s ease;margin-left:.5rem;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.client-access-btn svg{width:16px;height:16px;stroke:var(--color-text-muted)}.client-access-btn:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.client-access-btn:hover svg{stroke:var(--color-bg)}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:0;color:#fff}.hamburger-btn svg{stroke:#fff;width:24px;height:24px}.mobile-menu{display:none}@media(max-width:768px){.navbar{padding:1rem}.navbar-container{padding:.8rem 1.2rem;border-radius:24px;width:calc(100% - 2rem);max-width:none;margin:0 auto}.navbar-brand{font-size:.95rem;padding-left:0}.hamburger-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:.5rem}.navbar-links{display:none}.mobile-menu{display:none;position:absolute;top:calc(100% + 12px);right:.5rem;width:180px;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 1rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 8px 30px #00000080;z-index:1001}.mobile-menu.active{display:flex;animation:scaleFadeSlide .35s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}.mobile-menu .nav-link{width:100%;text-align:center;padding:.5rem 0;color:#fff}.mobile-menu .contact-btn{width:100%;margin-left:0;margin-top:.5rem;text-align:center;display:flex;justify-content:center}.mobile-auth-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border);width:100%}.nav-icon-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;transition:background .2s}.nav-icon-btn:hover{background:#ffffff1a}.nav-icon-btn svg{width:20px;height:20px;stroke:#fff}.nav-icon-btn.logout svg{stroke:#ef4444}.mobile-client-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:.6rem 1rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:#fff;width:100%;justify-content:center}.mobile-client-btn svg{width:18px;height:18px;stroke:#fff}.mobile-client-btn:hover{background:#fff;border-color:#fff;color:#000}.mobile-client-btn:hover svg{stroke:#000}}@keyframes scaleFadeSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.footer{background:#000;color:#fff;padding:4rem 2rem 2rem;border-top:1px solid #222}.footer-container{max-width:1200px;margin:0 auto}.footer-main{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;letter-spacing:.5px;margin:0 0 1rem}.footer-brand p{font-family:var(--font-body);font-size:.95rem;color:#888;line-height:1.6;margin:0;max-width:300px}.footer-section h4{font-family:var(--font-heading);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#888;margin:0 0 1.2rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-links li{display:flex;align-items:center}.footer-links a,.footer-links span,.footer-login-link{font-family:var(--font-body);font-size:.9rem;color:#ccc;text-decoration:none;display:flex;align-items:center;gap:.6rem;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-links svg{width:16px;height:16px;stroke:#666;flex-shrink:0}.footer-links a:hover svg{stroke:#fff}.footer-location{color:#888}.footer-login-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.footer-login-link:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid #222;text-align:center}.footer-bottom p{font-family:var(--font-body);font-size:.85rem;color:#666;margin:0}@media(max-width:900px){.footer{padding:3rem 1.5rem 1.5rem}.footer-main{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand p{max-width:100%}.footer-links{align-items:center}.footer-bottom{padding-top:1.5rem}}@media(max-width:600px){.footer-main{gap:1.5rem}.footer-section h4{margin-bottom:.8rem}.footer-links{gap:.6rem}}.device-carousel-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;position:relative;overflow:hidden}@media(max-width:900px){.device-carousel-section{min-height:auto;padding:2rem 1rem}.device-stage{height:300px}.device-carousel-container{gap:1rem}}.device-carousel-section.theme-web,.device-carousel-section.theme-app,.device-carousel-section.theme-personal{background:#fff}.device-carousel-section:before{display:none}.device-carousel-section.theme-web:before,.device-carousel-section.theme-app:before,.device-carousel-section.theme-personal:before{display:none}.device-carousel-section:after{display:none}.device-carousel-section .carousel-fade-bottom{display:none}.device-carousel-container{max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.carousel-header{text-align:center}.carousel-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#000;margin:0}.carousel-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);color:#666;margin:.5rem 0 0}.device-stage-wrapper{display:flex;align-items:center;gap:1rem;width:100%;justify-content:center}.carousel-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #e5e5e5;background:#fff;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.carousel-arrow:hover{background:#f5f5f5;transform:scale(1.1)}.carousel-arrow svg{width:24px;height:24px}.device-stage{position:relative;width:100%;max-width:700px;height:380px;display:flex;align-items:center;justify-content:center;perspective:1000px}.device-stage.circular{transform-style:preserve-3d}.device-wrapper{position:absolute;cursor:pointer;transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .6s ease,filter .6s ease;filter:blur(0)}.device-wrapper:not(.active){filter:blur(2px) brightness(.8)}.device-wrapper.active{filter:blur(0) brightness(1) drop-shadow(0 20px 40px rgba(102,126,234,.35))}:root:not(.dark) .device-wrapper.active{filter:blur(0) brightness(1) drop-shadow(0 20px 40px rgba(0,0,0,.15))}.device-wrapper:hover:not(.active){filter:blur(1px) brightness(.9)}.css-laptop{display:flex;flex-direction:column;align-items:center}.laptop-screen{width:clamp(280px,45vw,500px);aspect-ratio:16 / 10;background:#000;border-radius:10px 10px 0 0;border:3px solid #333333;border-bottom:none;overflow:hidden;box-shadow:0 10px 40px #00000080}:root:not(.dark) .laptop-screen{background:#000;border-color:#333}.screen-content{width:100%;height:100%;padding:10px;display:flex;flex-direction:column}.screen-nav{display:flex;gap:5px;padding:6px 8px;background:#0000000d;border-radius:5px}:root:not(.dark) .screen-nav{background:#0000000d}.nav-dot{width:8px;height:8px;border-radius:50%}.nav-dot.red{background:#ff5f56}.nav-dot.yellow{background:#ffbd2e}.nav-dot.green{background:#27ca40}.screen-body{flex:1;display:flex;flex-direction:column;border-radius:6px;margin-top:8px;background:var(--color-bg-subtle);overflow:hidden;padding:.5rem}:root:not(.dark) .screen-body{background:linear-gradient(180deg,#f8f9fa,#e9ecef)}.web-header{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;border-bottom:1px solid rgba(0,0,0,.1)}:root:not(.dark) .web-header{border-color:#00000014}.web-logo{display:flex;align-items:center;gap:.3rem}.logo-icon{width:18px;height:18px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.5rem;font-weight:700;color:#000}.logo-text{font-family:var(--font-heading);font-size:.5rem;font-weight:600;color:#000}:root:not(.dark) .logo-text{color:#1a1a1a}.web-nav{display:flex;align-items:center;gap:.5rem}.web-nav span{font-family:var(--font-body);font-size:.35rem;color:#666;cursor:pointer}:root:not(.dark) .web-nav span{color:#00000080}.web-nav .nav-cta{background:#fff;color:#000;padding:.15rem .4rem;border-radius:4px}.web-hero{flex:1;display:flex;align-items:center;padding:.5rem;gap:.5rem}.hero-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.hero-badge{font-family:var(--font-body);font-size:.3rem;color:#000;background:#ffffff26;padding:.1rem .3rem;border-radius:10px;width:fit-content}.hero-title{font-family:var(--font-heading);font-size:.7rem;font-weight:700;color:#000;margin:0;line-height:1.2}:root:not(.dark) .hero-title{color:#1a1a1a}.gradient-text{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#000}.hero-desc{font-family:var(--font-body);font-size:.35rem;color:#666;margin:0;line-height:1.4}:root:not(.dark) .hero-desc{color:#00000080}.hero-buttons{display:flex;gap:.3rem;margin-top:.2rem}.btn-primary{font-family:var(--font-body);font-size:.3rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:#000;color:#fff}.btn-secondary{font-family:var(--font-body);font-size:.3rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:transparent;color:#000;border:1px solid rgba(0,0,0,.2)}:root:not(.dark) .btn-secondary{color:#0009;border-color:#00000026}.hero-visual{flex:.6;position:relative;height:60px}.visual-card{position:absolute;border-radius:6px;background:#0000000d;border:1px solid rgba(0,0,0,.1)}:root:not(.dark) .visual-card{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #0000000f}.visual-card.card-1{width:40px;height:30px;right:10px;top:0;background:#0000001a;border-color:#0003}.visual-card.card-2{width:35px;height:25px;right:0;top:20px;background:#00000026;border-color:#00000040}.visual-card.card-3{width:30px;height:22px;right:25px;top:35px;background:#0003;border-color:#0000004d}.web-features{display:flex;justify-content:space-around;padding:.4rem .5rem;background:#00000008;border-top:1px solid rgba(0,0,0,.08);border-radius:0 0 6px 6px}:root:not(.dark) .web-features{background:#00000005;border-color:#00000014}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.feature-icon{font-size:.6rem}.feature-item span{font-family:var(--font-body);font-size:.3rem;color:#000}:root:not(.dark) .feature-item span{color:#00000080}.laptop-base{width:clamp(310px,50vw,560px);height:12px;background:linear-gradient(180deg,#4a4a4a,#2a2a2a);border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:center}:root:not(.dark) .laptop-base{background:linear-gradient(180deg,#d0d0d0,#b0b0b0)}.laptop-notch{width:60px;height:4px;background:#1a1a1a;border-radius:0 0 3px 3px}:root:not(.dark) .laptop-notch{background:#999}.css-phone{width:clamp(150px,22vw,200px);aspect-ratio:9 / 19.5;background:#000;border-radius:32px;border:3px solid #333333;position:relative;padding:3px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0006,inset 0 0 4px #ffffff1a}:root:not(.dark) .css-phone{border-color:#333;background:#000;box-shadow:0 10px 40px #0003,inset 0 0 4px #ffffff80}.phone-screen{width:100%;height:100%;background:#000;border-radius:29px;position:relative;overflow:hidden}:root:not(.dark) .phone-screen{background:linear-gradient(180deg,#f5f5f5,#e8e8e8)}.dynamic-island{position:absolute;top:8px;left:50%;transform:translate(-50%);width:30%;height:12px;background:#000;border-radius:10px;z-index:10;box-shadow:0 1px 2px #ffffff0d}.phone-content{width:100%;height:100%;padding:24px .6rem .6rem;display:flex;flex-direction:column;gap:.4rem;background:#111;overflow:hidden}:root:not(.dark) .phone-content{background:#111}.phone-header{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0}.phone-greeting{display:flex;flex-direction:column;gap:.1rem}.greeting-text{font-family:var(--font-heading);font-size:.65rem;font-weight:600;color:#fff}:root:not(.dark) .greeting-text{color:#1a1a1a}.greeting-date{font-family:var(--font-body);font-size:.5rem;color:#ffffff80}:root:not(.dark) .greeting-date{color:#00000080}.phone-avatar{width:22px;height:22px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.55rem;font-weight:600;color:#000}.phone-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root:not(.dark) .phone-card{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #0000000f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.card-title{font-family:var(--font-body);font-size:.45rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}:root:not(.dark) .card-title{color:#00000080}.card-badge{font-family:var(--font-heading);font-size:.45rem;font-weight:600;color:#22c55e;background:#22c55e26;padding:.1rem .3rem;border-radius:4px}.card-value{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:#fff;display:block}:root:not(.dark) .card-value{color:#1a1a1a}.mini-chart{width:100%;height:25px;margin-top:.3rem}.phone-stats-row{display:flex;gap:.4rem}.stat-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}:root:not(.dark) .stat-card{background:#ffffffe6;border-color:#00000014}.stat-icon{font-size:.7rem}.stat-value{font-family:var(--font-heading);font-size:.7rem;font-weight:700;color:#fff}:root:not(.dark) .stat-value{color:#1a1a1a}.stat-label{font-family:var(--font-body);font-size:.4rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}:root:not(.dark) .stat-label{color:#00000080}.phone-activity{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem;flex:1;display:flex;flex-direction:column;gap:.3rem}:root:not(.dark) .phone-activity{background:#ffffffe6;border-color:#00000014}.activity-title{font-family:var(--font-body);font-size:.4rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}:root:not(.dark) .activity-title{color:#00000080}.activity-item{display:flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.45rem;color:#fffc}:root:not(.dark) .activity-item{color:#000000b3}.activity-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.activity-dot.green{background:#22c55e}.activity-dot.blue{background:var(--color-deep-teal)}.css-service-icon{width:280px;height:280px;position:relative;display:flex;align-items:center;justify-content:center}.icon-sphere{width:200px;height:200px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0000004d,inset 0 0 30px #ffffff0d}:root:not(.dark) .icon-sphere{background:linear-gradient(135deg,#0000001a,#0000000d);border-color:#0000001a;box-shadow:0 20px 50px #00000026,inset 0 0 30px #ffffff80}.icon-inner{width:100px;height:100px;color:#fff;z-index:2;transform:translateY(-5px)}:root:not(.dark) .icon-inner{color:#000}.icon-inner svg{width:100%;height:100%;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.icon-glow{position:absolute;width:120%;height:120%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 60%);border-radius:50%;z-index:3;pointer-events:none}.icon-ring{position:absolute;width:260px;height:260px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff6;border-radius:50%;animation:rotateRing 15s linear infinite}:root:not(.dark) .icon-ring{border-color:#0000001a;border-top-color:#000}@keyframes rotateRing{0%{transform:rotate(0) rotateX(60deg)}to{transform:rotate(360deg) rotateX(60deg)}}.icon-base{position:absolute;bottom:-20px;width:140px;height:20px;background:radial-gradient(ellipse at center,rgba(0,0,0,.4) 0%,transparent 70%);border-radius:50%;z-index:-1;filter:blur(5px)}:root:not(.dark) .icon-base{background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0%,transparent 70%)}.ipad-sidebar{width:40px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;padding:.6rem 0;gap:.8rem}:root:not(.dark) .ipad-sidebar{background:#00000008;border-color:#00000014}.sidebar-logo{width:24px;height:24px;border-radius:6px;background:#000;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.6rem;font-weight:700;color:#fff}.sidebar-icons{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.sidebar-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-icon svg{width:14px;height:14px;fill:#fff6}:root:not(.dark) .sidebar-icon svg{fill:#0006}.sidebar-icon.active{background:#ffffff1a}.sidebar-icon.active svg{fill:#fff}.sidebar-icon:hover:not(.active) svg{fill:#ffffffb3}:root:not(.dark) .sidebar-icon:hover:not(.active) svg{fill:#000000b3}.ipad-main{flex:1;padding:.6rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.ipad-header{display:flex;justify-content:space-between;align-items:center}.ipad-title{display:flex;flex-direction:column;gap:.1rem}.title-main{font-family:var(--font-heading);font-size:.7rem;font-weight:600;color:#fff}:root:not(.dark) .title-main{color:#1a1a1a}.title-sub{font-family:var(--font-body);font-size:.45rem;color:#ffffff80}:root:not(.dark) .title-sub{color:#00000080}.action-btn{font-family:var(--font-body);font-size:.4rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;background:#000;color:#fff}.ipad-stats{display:flex;gap:.4rem}.ipad-stat-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem;display:flex;flex-direction:column;gap:.1rem}:root:not(.dark) .ipad-stat-card{background:#ffffffe6;border-color:#00000014}.ipad-stat-label{font-family:var(--font-body);font-size:.35rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}:root:not(.dark) .ipad-stat-label{color:#00000080}.ipad-stat-value{font-family:var(--font-heading);font-size:.7rem;font-weight:700;color:#fff}:root:not(.dark) .ipad-stat-value{color:#1a1a1a}.ipad-stat-change{font-family:var(--font-heading);font-size:.35rem;font-weight:600}.ipad-stat-change.up{color:#22c55e}.ipad-chart-area{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem;display:flex;flex-direction:column}:root:not(.dark) .ipad-chart-area{background:#ffffffe6;border-color:#00000014}.chart-header{margin-bottom:.3rem}.chart-title{font-family:var(--font-body);font-size:.4rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}:root:not(.dark) .chart-title{color:#00000080}.bar-chart{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:.3rem;padding-bottom:.8rem}.bar{flex:1;max-width:20px;background:linear-gradient(180deg,#fffc,#ffffff4d);border-radius:3px 3px 0 0;position:relative;min-height:10px}.bar.highlight{background:#fff}.bar span{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:.35rem;color:#fff6}:root:not(.dark) .bar span{color:#0006}.ipad-schedule{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem;display:flex;flex-direction:column;gap:.25rem}:root:not(.dark) .ipad-schedule{background:#ffffffe6;border-color:#00000014}.schedule-title{font-family:var(--font-body);font-size:.35rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}:root:not(.dark) .schedule-title{color:#00000080}.schedule-item{display:flex;align-items:center;gap:.3rem}.schedule-icon{width:14px;height:14px;border-radius:4px;flex-shrink:0}.schedule-icon.instagram{background:#333}.schedule-icon.twitter{background:#1a1a1a}:root:not(.dark) .schedule-icon.twitter{background:#000}.schedule-text{flex:1;font-family:var(--font-body);font-size:.4rem;color:#fffc}:root:not(.dark) .schedule-text{color:#000000b3}.schedule-time{font-family:var(--font-body);font-size:.35rem;color:#fff6}:root:not(.dark) .schedule-time{color:#0006}.carousel-nav-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.nav-arrow{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.2);background:transparent;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.nav-arrow:hover{background:#0000001a;border-color:#0006;transform:scale(1.1)}.nav-arrow svg{width:18px;height:18px}.carousel-dots{display:flex;gap:.75rem;align-items:center;justify-content:center}.dot{width:40px;height:6px;border-radius:3px;border:none;background:#00000026;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;padding:0}.dot:hover{background:#00000040;transform:scaleY(1.2)}.dot.active{width:60px;background:#0000001a}.dot-progress{position:absolute;top:0;left:0;height:100%;background:#000;border-radius:3px;transition:width .05s linear}.carousel-footer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.carousel-description{font-family:var(--font-body);font-size:clamp(.95rem,1.5vw,1.1rem);color:#ffffffb3;margin:0;max-width:500px;transition:all .5s ease}:root:not(.dark) .carousel-description{color:#0009}.carousel-cta{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.9rem 2.5rem;border-radius:50px;border:none;background:#fff;color:#000;cursor:pointer;transition:all .3s ease}:root:not(.dark) .carousel-cta{background:#000;color:#fff}.carousel-cta:hover{transform:translateY(-2px);background:#e5e5e5;color:#000;box-shadow:0 10px 30px #fff3}:root:not(.dark) .carousel-cta:hover{background:#333;color:#fff;box-shadow:0 10px 30px #0003}@media(max-width:600px){.device-stage{height:280px}.device-stage-wrapper{position:relative}.carousel-arrow{position:fixed;top:12px;width:32px;height:32px;z-index:1002;background:#000c;border-color:#ffffff4d;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-arrow:first-of-type{left:12px}.carousel-arrow:last-of-type{right:12px}.carousel-arrow svg{width:16px;height:16px}.carousel-arrow:hover{background:#000000e6;transform:scale(1.05)}}.hidden{opacity:0!important;pointer-events:none!important;transform:scale(.9);transition:all .4s ease}.device-wrapper.phone.rotating-phone .css-phone{animation:rotateToLandscape .4s ease-out forwards}@keyframes rotateToLandscape{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.device-wrapper.phone.expanding .css-phone{transform:rotate(-90deg)}.device-wrapper.expanding{animation:expandToFull .8s cubic-bezier(.7,0,.3,1) forwards;z-index:1000!important;transform-origin:center center}@keyframes expandToFull{0%{transform:scale(1);opacity:1;filter:blur(0px)}40%{opacity:1}to{transform:scale(15);opacity:0;filter:blur(20px)}}.service-detail{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .8s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root:not(.dark) .service-detail{background:#fffffff7}.detail-close{position:absolute;top:2rem;right:2rem;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2001;opacity:0;animation:fadeBtnIn .5s ease .8s forwards}@keyframes fadeBtnIn{to{opacity:1}}:root:not(.dark) .detail-close{border-color:#00000026;background:#0000000d;color:#1a1a1a}.detail-close:hover{background:#fff3;transform:scale(1.1)}.detail-close svg{width:24px;height:24px}.detail-content{max-width:600px;padding:2rem;text-align:center}.detail-header{opacity:0;animation:slideUp .6s ease-out .2s forwards}.detail-description{opacity:0;animation:slideUp .6s ease-out .3s forwards}.detail-features{opacity:0;animation:slideUp .6s ease-out .4s forwards}.detail-actions{opacity:0;animation:slideUp .6s ease-out .5s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.detail-header h2{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;margin:0}:root:not(.dark) .detail-header h2{color:#1a1a1a}.detail-subtitle{font-family:var(--font-body);font-size:1.2rem;color:#fff9;margin:.5rem 0 0}:root:not(.dark) .detail-subtitle{color:#00000080}.detail-description{font-family:var(--font-body);font-size:1.1rem;color:#fffc;line-height:1.7;margin:2rem 0}:root:not(.dark) .detail-description{color:#000000b3}.detail-features{text-align:left;margin:2rem 0}.detail-features h3{font-family:var(--font-heading);font-size:1.2rem;color:#fff;margin:0 0 1rem}:root:not(.dark) .detail-features h3{color:#1a1a1a}.detail-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.detail-features li{font-family:var(--font-body);font-size:.95rem;color:#fffc;display:flex;align-items:center;gap:.5rem}:root:not(.dark) .detail-features li{color:#000000b3}.feature-check{color:#34c759;font-weight:700}.detail-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.detail-cta{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:50px;cursor:pointer;transition:all .3s ease}.detail-cta.primary{background:#fff;color:#000;border:none}.detail-cta.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.detail-cta.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}:root:not(.dark) .detail-cta.secondary{color:#1a1a1a;border-color:#0003}.detail-cta.secondary:hover{background:#ffffff1a}@media(max-width:600px){.detail-features ul{grid-template-columns:1fr}.detail-actions{flex-direction:column}}.detail-mega-content{text-align:left;margin-top:1rem;max-height:60vh;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.detail-mega-content::-webkit-scrollbar{width:6px}.detail-mega-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.mega-section{margin-bottom:2.5rem;opacity:0;animation:slideUp .6s ease-out forwards}.mega-section:nth-child(1){animation-delay:.2s}.mega-section:nth-child(2){animation-delay:.3s}.mega-section:nth-child(3){animation-delay:.4s}.mega-section h3{font-family:var(--font-heading);font-size:1.1rem;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}:root:not(.dark) .mega-section h3{color:#1a1a1a;border-color:#0000001a}.section-icon{font-size:1.2rem}.section-intro{font-family:var(--font-body);font-size:.95rem;color:#ffffffb3;margin-bottom:1.5rem;line-height:1.5}:root:not(.dark) .section-intro{color:#0009}.foundations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.foundation-card{background:#ffffff0d;border-radius:8px;padding:1rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.foundation-card:hover{transform:translateY(-5px);background:#ffffff14}:root:not(.dark) .foundation-card{background:#00000008;border-color:#00000014}.f-icon{font-size:1.5rem;margin-bottom:.5rem}.foundation-card h4{font-family:var(--font-heading);font-size:.85rem;color:#fff;margin:.5rem 0}:root:not(.dark) .foundation-card h4{color:#1a1a1a}.foundation-card p{font-family:var(--font-body);font-size:.75rem;color:#fff9;line-height:1.4;margin:0}:root:not(.dark) .foundation-card p{color:#0009}.seo-visual{background:#0003;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}:root:not(.dark) .seo-visual{background:#00000008}.graph-container{display:flex;justify-content:space-around;align-items:flex-end;height:120px;padding-bottom:20px}.graph-bar{width:20%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height 1s cubic-bezier(.34,1.56,.64,1)}.graph-bar.low .bar-fill{background:#fff3}.graph-bar.med .bar-fill{background:linear-gradient(to top,#52796f80,#52796fcc)}.graph-bar.high .bar-fill{background:linear-gradient(to top,var(--color-deep-teal),#22c55e);box-shadow:0 0 15px #22c55e4d}:root:not(.dark) .graph-bar.low .bar-fill{background:#0000001a}.graph-bar span{position:absolute;bottom:-25px;text-align:center;font-family:var(--font-body);font-size:.7rem;color:#fff9;white-space:nowrap}:root:not(.dark) .graph-bar span{color:#0009}.a11y-grid{display:grid;gap:1.5rem}.palette-tester{display:flex;flex-direction:column;gap:.8rem;background:#ffffff0d;padding:1rem;border-radius:8px;margin-top:.5rem}:root:not(.dark) .palette-tester{background:#00000008}.vision-type{display:flex;justify-content:space-between;align-items:center}.vision-type span{font-family:var(--font-body);font-size:.8rem;color:#ffffffb3}:root:not(.dark) .vision-type span{color:#000000b3}.swatch-row{display:flex;gap:.5rem}.swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.swatch.teal{background-color:var(--color-deep-teal, #52796F)}.swatch.grey{background-color:var(--color-ash-grey, #CAD2C5)}.swatch.charcoal{background-color:var(--color-charcoal, #2F3E46)}.filter-protanopia{filter:grayscale(.5) sepia(.8) hue-rotate(-50deg)}.filter-deuteranopia{filter:grayscale(.6) sepia(.5) hue-rotate(0deg)}.filter-tritanopia{filter:grayscale(.4) sepia(1) hue-rotate(180deg)}.detail-actions{padding-bottom:2rem}.projects-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;--color-bg: #ffffff;--color-bg-subtle: #f9fafb;--color-text: #111827;--color-text-muted: #4b5563;--color-border: #e5e7eb;background:var(--color-bg)}.projects-container{max-width:1200px;width:100%}.projects-header{text-align:center;margin-bottom:4rem}.projects-header h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--color-text);margin:0 0 .5rem}.projects-header p{font-family:var(--font-body);font-size:1.1rem;color:var(--color-text-muted);margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.project-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.project-image{width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#e5e5e5}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-content h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.project-content p{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-see-more{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text);transition:gap .2s ease}.project-see-more svg{width:16px;height:16px;transition:transform .2s ease;stroke:var(--color-text)}.project-card:hover .project-see-more{gap:.5rem}.project-card:hover .project-see-more svg{transform:translate(2px)}.project-link{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:#000;text-decoration:none;transition:gap .2s ease}.project-link svg{width:16px;height:16px;transition:transform .2s ease}.project-link:hover{gap:.5rem}.project-link:hover svg{transform:translate(2px,-2px)}.project-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .25s ease}.project-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;max-width:720px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#000000b3;transform:scale(1.1)}.modal-close svg{width:20px;height:20px}.modal-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f0f0f0;position:relative}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-body h2{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:#000;margin:0 0 1rem}.modal-description{margin-bottom:2rem}.modal-description p{font-family:var(--font-body);font-size:1rem;color:#444;line-height:1.8;margin:0;white-space:pre-wrap}.modal-section{margin-bottom:2rem}.modal-section h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:#000;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.features-table{display:flex;flex-direction:column;gap:.75rem}.feature-row{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-bg-subtle);border-radius:10px;transition:background .2s ease;border:1px solid var(--color-border)}.feature-row:hover{background:var(--color-bg)}.feature-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;flex-shrink:0}.feature-icon svg{width:14px;height:14px;stroke:#000}.feature-text{font-family:var(--font-body);font-size:.95rem;color:var(--color-text);line-height:1.5}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{display:inline-block;padding:.5rem 1rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:20px;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-text);transition:all .2s ease}.tech-tag:hover{background:var(--color-bg);transform:translateY(-2px);border-color:#fff}.modal-project-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#000;color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:500;text-decoration:none;border-radius:12px;transition:all .2s ease;margin-top:.5rem}.modal-project-link:hover{background:#222;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.modal-project-link svg{width:18px;height:18px;transition:transform .2s ease}.modal-project-link:hover svg{transform:translate(2px,-2px)}@media(max-width:768px){.projects-section{min-height:auto;padding:3rem 1.5rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.projects-header{margin-bottom:2.5rem}.project-modal-overlay{padding:0;align-items:flex-end}.project-modal{max-height:95vh;border-radius:20px 20px 0 0}.modal-body{padding:1.5rem}.modal-body h2{font-size:1.5rem}.modal-close{top:.75rem;right:.75rem;width:36px;height:36px}.feature-row{padding:.75rem}}.rich-content-display{font-family:var(--font-body);font-size:1rem;color:#333;line-height:1.8}.rich-content-display>*+*{margin-top:1rem}.rich-content-display h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:#000;margin-top:2rem;margin-bottom:.75rem}.rich-content-display h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:#111;margin-top:1.5rem;margin-bottom:.5rem}.rich-content-display p{margin:0;color:#444}.rich-content-display strong{font-weight:600;color:#000}.rich-content-display em{font-style:italic}.rich-content-display s{text-decoration:line-through;opacity:.7}.rich-content-display ul,.rich-content-display ol{padding-left:1.5rem;margin:.75rem 0}.rich-content-display li{margin-top:.25rem;color:#444}.rich-content-display ul li::marker{color:#000}.rich-content-display ol li::marker{color:#000;font-weight:500}.rich-content-display a{color:#2563eb;text-decoration:underline;transition:color .2s ease}.rich-content-display a:hover{color:#1d4ed8}.rich-content-display img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 20px #0000001a}.rich-content-display hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.rich-content-display blockquote{border-left:3px solid #000;padding-left:1rem;margin:1rem 0;font-style:italic;color:#555}.contact-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;--color-bg: #ffffff;--color-bg-subtle: #f9fafb;--color-text: #111827;--color-text-muted: #4b5563;--color-border: #e5e7eb;background:var(--color-bg);position:relative;overflow:hidden}.contact-container{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--color-text);line-height:1.2;margin:0}.contact-title .gradient-text{color:#000;-webkit-text-fill-color:unset;background:none}.contact-description{font-family:var(--font-body);font-size:1.1rem;color:var(--color-text-muted);line-height:1.7;margin:0}.contact-details{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-icon{width:48px;height:48px;border-radius:12px;background:var(--color-bg-subtle);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:22px;height:22px;stroke:var(--color-text)}.contact-text{display:flex;flex-direction:column;gap:.2rem}.contact-label{font-family:var(--font-body);font-size:.85rem;color:#999}.contact-text a,.contact-text span:not(.contact-label){font-family:var(--font-body);font-size:1rem;color:#000;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#666}.contact-social{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.social-label{font-family:var(--font-body);font-size:.9rem;color:#999}.social-links{display:flex;gap:.8rem}.social-link{width:44px;height:44px;border-radius:12px;background:#f5f5f5;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-link svg{width:20px;height:20px;fill:#666;transition:fill .3s ease}.social-link:hover{background:#000;border-color:#000;transform:translateY(-2px)}.social-link:hover svg{fill:#fff}.contact-form-container{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:24px;padding:2.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{font-family:var(--font-body);font-size:1rem;padding:1rem 1.2rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);transition:all .3s ease;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#000}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:12px;border:none;background:#000;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.submit-btn svg{width:18px;height:18px;transition:transform .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);opacity:.85}.submit-btn:hover:not(:disabled) svg{transform:translate(3px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.loading{pointer-events:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeIn .5s ease}.success-icon{width:80px;height:80px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin-bottom:1.5rem;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-message h3{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:#000;margin:0 0 .5rem}.success-message p{font-family:var(--font-body);font-size:1.1rem;color:#666;margin:0}@media(max-width:900px){.contact-section{min-height:auto;padding:3rem 1.5rem}.contact-container{grid-template-columns:1fr;gap:2rem}.contact-form-container{padding:2rem}}@media(max-width:600px){.contact-section{padding:4rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.contact-form-container{padding:1.5rem;border-radius:16px}}.web-service-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0f;z-index:3000;overflow-y:auto;color:#e2e8f0;font-family:Inter,Segoe UI,system-ui,sans-serif;animation:fadeInPage .5s ease-out}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.service-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;position:sticky;top:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(255,255,255,.05)}.back-button{background:transparent;border:1px solid rgba(255,255,255,.15);color:#94a3b8;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.back-button:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.back-button svg{width:18px;height:18px}.header-brand{font-weight:600;letter-spacing:-.02em;color:#fff}.service-main{max-width:900px;margin:0 auto;padding:4rem 2rem 6rem}.service-hero{text-align:center;margin-bottom:5rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}.service-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem;color:#fff!important}.hero-subtitle{font-size:1.15rem;color:#94a3b8;line-height:1.7;max-width:700px;margin:0 auto;text-align:justify}.content-section{margin-bottom:4rem}.section-title{font-size:1.6rem;font-weight:600;color:#f1f5f9;margin:0 0 1.5rem;line-height:1.3}.section-text{font-size:1.05rem;color:#94a3b8;line-height:1.8;margin-bottom:1.5rem;text-align:justify}.section-text:last-child{margin-bottom:0}.section-text.conclusion{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.section-text strong{color:#e2e8f0}.highlight-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2rem 0;text-align:center}.highlight-stat{font-size:4rem;font-weight:800;color:#fff;line-height:1;margin-bottom:1rem}.highlight-box p{font-size:1rem;color:#94a3b8;margin:0;line-height:1.6;text-align:justify}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.example-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.example-card h3{font-size:1.1rem;color:#f1f5f9;margin:0 0 .75rem}.example-card p{font-size:.95rem;color:#94a3b8;margin:0;line-height:1.6;text-align:justify}.explainer-box{background:#ffffff08;border-left:3px solid #ffffff;border-radius:0 12px 12px 0;padding:1.5rem 2rem;margin:2rem 0}.explainer-box.alt{border-left-color:#a78bfa;background:#a78bfa0d}.explainer-box h3{font-size:1.1rem;color:#f1f5f9;margin:0 0 .75rem}.explainer-box p{font-size:.95rem;color:#94a3b8;margin:0 0 .75rem;line-height:1.6;text-align:justify}.explainer-box p:last-child{margin-bottom:0}.graph-caption{font-size:.8rem;color:#64748b;margin-top:1.5rem;text-align:center;font-style:italic}.lab-intro{font-size:.95rem;color:#94a3b8;margin-bottom:1.5rem;line-height:1.6;text-align:justify}.foundations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.foundation-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.75rem;transition:border-color .3s,transform .3s}.foundation-card:hover{border-color:#ffffff4d;transform:translateY(-3px)}.card-icon{width:40px;height:40px;margin-bottom:1rem;color:#fff}.card-icon svg{width:100%;height:100%}.foundation-card h3{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin-bottom:.75rem}.foundation-card p{font-size:.95rem;color:#94a3b8;line-height:1.6;margin:0;text-align:justify}.foundation-card p strong{color:#38bdf8}.who-uses{background:#ffffff0d;border-left:3px solid #ffffff;padding:1.5rem 2rem;border-radius:0 8px 8px 0}.who-uses h4{font-size:1rem;color:#f1f5f9;margin:0 0 1rem}.who-uses ul{list-style:none;padding:0;margin:0}.who-uses li{font-size:.95rem;color:#94a3b8;margin-bottom:.5rem;padding-left:1rem;position:relative;text-align:justify}.who-uses li:before{content:"→";position:absolute;left:0;color:#fff}.who-uses li strong{color:#e2e8f0}.seo-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.comparison-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem}.comparison-item.highlighted{background:#ffffff0d;border-color:#fff3}.comparison-item h3{font-size:1.15rem;color:#f1f5f9;margin:0 0 .75rem}.comparison-item .definition{font-size:.9rem;color:#64748b;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:justify}.comparison-item ul{list-style:none;padding:0;margin:0}.comparison-item li{font-size:.9rem;color:#94a3b8;margin-bottom:.75rem;padding-left:1rem;border-left:2px solid rgba(255,255,255,.1);text-align:justify}.comparison-item li strong{color:#e2e8f0;display:block;margin-bottom:.25rem}.impact-graph{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem}.impact-graph h4{font-size:1rem;color:#f1f5f9;margin:0 0 1.5rem}.graph-bars{display:flex;flex-direction:column;gap:1rem}.graph-row{display:grid;grid-template-columns:150px 1fr 50px;align-items:center;gap:1rem}.graph-label{font-size:.85rem;color:#94a3b8;text-align:right}.graph-track{height:24px;background:#ffffff0d;border-radius:4px;overflow:hidden}.graph-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.graph-fill.low{background:#475569}.graph-fill.med{background:linear-gradient(90deg,#475569,#64748b)}.graph-fill.high{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.graph-fill.max{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 20px #10b9814d}.graph-value{font-size:.9rem;font-weight:600;color:#e2e8f0}.graph-source{font-size:.75rem;color:#64748b;margin-top:1.5rem;font-style:italic}.a11y-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.a11y-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.75rem}.a11y-card h3{font-size:1.05rem;color:#f1f5f9;margin:0 0 1rem}.a11y-card p{font-size:.95rem;color:#94a3b8;line-height:1.7;margin:0;text-align:justify}.a11y-card p strong{color:#38bdf8}.color-blindness-lab{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem}.color-blindness-lab h4{font-size:1.1rem;color:#f1f5f9;margin:0 0 .5rem}.color-blindness-lab>p{font-size:.9rem;color:#64748b;margin-bottom:1.5rem;text-align:justify}.vision-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:2rem}.vision-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;text-align:left;cursor:pointer;transition:all .2s;color:#94a3b8}.vision-btn:hover{background:#ffffff0d;border-color:#fff3}.vision-btn.active{background:#38bdf81a;border-color:#38bdf8;color:#fff}.vision-btn strong{display:block;font-size:.9rem;margin-bottom:.25rem;color:inherit}.vision-btn span{font-size:.75rem;color:#64748b}.vision-btn.active span{color:#94a3b8}.comparison-lab{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.sample-column{display:flex;flex-direction:column}.column-header{text-align:center;margin-bottom:1rem}.column-header .badge{display:inline-block;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.column-header.bad .badge{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.column-header.good .badge{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.column-header p{font-size:.8rem;color:#64748b;margin:0}.sample-card{background:#fff;border-radius:8px;padding:1.25rem;flex:1}.sample-header-bar{font-weight:700;font-size:.85rem;color:#0f172a;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.sample-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.sample-buttons button{padding:.5rem 1rem;border-radius:4px;font-size:.8rem;font-weight:600;border:none;cursor:default}.bad-design{background:#f8f8f8!important}.bad-instruction{font-size:.8rem;color:#555;margin:0 0 1rem}.bad-buttons{display:flex;gap:1rem;margin-bottom:1.25rem}.btn-bad-confirm,.btn-bad-cancel{width:60px;height:60px;border-radius:50%;border:none;cursor:default}.btn-bad-confirm{background:#22c55e}.btn-bad-cancel{background:#ef4444}.bad-status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:#333}.status-dot{width:12px;height:12px;border-radius:50%}.dot-green{background:#22c55e}.dot-red{background:#ef4444}.bad-progress{display:flex;height:20px;border-radius:4px;overflow:hidden;margin:1rem 0 .5rem}.progress-segment{flex:1}.seg-red{background:#ef4444}.seg-yellow{background:#eab308}.seg-green{background:#22c55e}.bad-legend{font-size:.7rem;color:#888;margin:0;text-align:center}.good-design{background:#fff!important}.good-instruction{font-size:.85rem;color:#333;margin:0 0 1rem;font-weight:500}.good-buttons{display:flex;gap:.75rem;margin-bottom:1.25rem}.btn-good-confirm,.btn-good-cancel{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:default}.btn-good-confirm{background:#1d4ed8;color:#fff;border:2px solid #1d4ed8}.btn-good-cancel{background:#fff;color:#374151;border:2px solid #9ca3af}.btn-icon{font-weight:700}.good-status-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.85rem;color:#1f2937;padding:.5rem .75rem;border-radius:6px}.good-status-row.success{background:#f0fdf4;border-left:4px solid #16a34a}.good-status-row.error{background:#fef2f2;border-left:4px solid #dc2626}.status-shape{width:14px;height:14px;flex-shrink:0}.status-shape.circle{background:#16a34a;border-radius:50%}.status-shape.triangle{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid #dc2626}.status-tag{margin-left:auto;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;text-transform:uppercase}.good-status-row.success .status-tag{background:#16a34a;color:#fff}.good-status-row.error .status-tag{background:#dc2626;color:#fff}.good-progress{display:flex;height:28px;border-radius:6px;overflow:hidden;margin:1rem 0 .75rem;border:1px solid #e5e7eb}.progress-segment-good{flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.progress-segment-good.seg-critical{background:repeating-linear-gradient(45deg,#dc2626,#dc2626 4px,#b91c1c 4px 8px)}.progress-segment-good.seg-warning{background:repeating-linear-gradient(-45deg,#f59e0b,#f59e0b 4px,#d97706 4px 8px)}.progress-segment-good.seg-ok{background:#16a34a}.good-legend{display:flex;justify-content:center;gap:1.5rem;font-size:.75rem;color:#4b5563}.legend-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;font-size:.65rem;font-weight:700;color:#fff;margin-right:.3rem}.legend-icon.critical{background:#dc2626}.legend-icon.warning{background:#f59e0b}.legend-icon.ok{background:#16a34a}.simulation-note{text-align:center;font-size:.75rem;color:#64748b;margin-top:1.5rem;text-transform:uppercase;letter-spacing:.1em}.sample-column.mode-protanopia .sample-card{filter:grayscale(.4) sepia(.6) hue-rotate(-30deg)}.sample-column.mode-deuteranopia .sample-card{filter:grayscale(.5) sepia(.4) hue-rotate(10deg)}.sample-column.mode-tritanopia .sample-card{filter:grayscale(.3) sepia(.8) hue-rotate(180deg)}@media(max-width:700px){.comparison-lab{grid-template-columns:1fr}}.mode-protanopia .sample-card{filter:grayscale(.4) sepia(.6) hue-rotate(-30deg)}.mode-deuteranopia .sample-card{filter:grayscale(.5) sepia(.4) hue-rotate(10deg)}.mode-tritanopia .sample-card{filter:grayscale(.3) sepia(.8) hue-rotate(180deg)}.cta-section{text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,rgba(56,189,248,.1) 0%,transparent 100%);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.cta-section h2{font-size:1.75rem;color:#f1f5f9;margin:0 0 .75rem}.cta-section p{font-size:1rem;color:#94a3b8;margin-bottom:2rem}.cta-button{background:#fff;color:#000;font-size:1rem;font-weight:600;padding:1rem 2.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.cta-button:hover{background:#e5e5e5;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff4d}@media(max-width:768px){.service-header{padding:1rem 1.5rem}.service-main{padding:2rem 1.5rem 4rem}.graph-row{grid-template-columns:100px 1fr 40px}.graph-label{font-size:.75rem}}.client-dashboard-container{min-height:100vh;background:linear-gradient(135deg,#000,#111,#050505);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.client-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.header-title-group{display:flex;align-items:center;gap:1.5rem}.header-title-group h1{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.back-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.back-nav-btn:hover{background:#ffffff1a}.back-nav-btn svg{width:18px;height:18px}.user-info{display:flex;align-items:center;gap:1.5rem}.user-info span{font-size:.9rem;color:#ffffffb3}.contact-support-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#818cf8;font-size:.9rem;cursor:pointer;transition:all .2s ease}.contact-support-btn:hover{background:#6366f133;box-shadow:0 0 15px #6366f133;transform:translateY(-1px)}.contact-support-btn svg{width:18px;height:18px}.logout-btn{padding:.6rem 1.2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef444433}.client-content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto}.dashboard-section h2{font-size:1.25rem;margin-bottom:1.5rem;color:#fffc;border-bottom:2px solid #6366f1;padding-bottom:.5rem;display:inline-block}.dashboard-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.dashboard-project-card{background:#14141e99;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.dashboard-project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}.dashboard-project-card:hover{transform:translateY(-4px);background:#191928cc;box-shadow:0 20px 25px -5px #0003;border-color:#ffffff1a}.dashboard-project-card.selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d,0 10px 25px -5px #0000004d;background:#1e1e32e6}.dashboard-project-card.completed{border-top:4px solid #10b981}.dashboard-project-card.completed:hover{box-shadow:0 10px 30px -10px #10b98126;border-color:#10b9814d}.dashboard-project-card.in_progress{border-top:4px solid #f59e0b}.dashboard-project-card.in_progress:hover{box-shadow:0 10px 30px -10px #f59e0b26;border-color:#f59e0b4d}.dashboard-project-card.pending{border-top:4px solid #6366f1}.dashboard-project-card.pending:hover{box-shadow:0 10px 30px -10px #6366f126;border-color:#6366f14d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header h3{font-size:1.1rem;font-weight:600;margin:0}.status-badge{padding:.35rem .8rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge.completed{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 15px #10b9811a}.status-badge.in_progress{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2);box-shadow:0 0 15px #f59e0b1a}.status-badge.pending{background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.2);box-shadow:0 0 15px #6366f11a}.dashboard-project-desc{font-size:.9rem;color:#fff9;line-height:1.5;margin-bottom:1.5rem}.dashboard-project-meta{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.meta-row{display:flex;justify-content:space-between;font-size:.85rem}.meta-row .label{color:#fff6}.meta-row .value{color:#fffc}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#ffffff1a}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-17px;top:5px;width:10px;height:10px;background:#6366f1;border-radius:50%;border:2px solid #0f0f1a}.timeline-content{background:#ffffff08;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.05)}.timeline-date{display:block;font-size:.75rem;color:#fff6;margin-bottom:.5rem}.timeline-content h4{font-size:1rem;margin-bottom:.5rem;color:#fff}.timeline-content p{font-size:.9rem;color:#fff9;line-height:1.5}.empty-projects-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#ffffff05;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-projects-state h3{margin-bottom:.5rem}.empty-projects-state p{color:#ffffff80;margin-bottom:1.5rem}.contact-btn-small{display:inline-block;padding:.5rem 1rem;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;transition:all .2s ease}.contact-btn-small:hover{background:#fff3}@media(max-width:1024px){.client-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.client-header{flex-direction:column;gap:1rem}.header-title-group{flex-direction:column;align-items:center}}.timeline-image-container{margin-top:1rem;border-radius:6px;overflow:hidden;width:100%;max-height:300px;border:1px solid rgba(255,255,255,.1)}.timeline-image-container img{width:100%;height:100%;object-fit:cover;display:block}.admin-panel{min-height:100vh;background:linear-gradient(135deg,#000,#111,#050505);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}select,option{background-color:#0c0c0c!important;color:#fff!important;border-color:#fff3}select:focus{border-color:#fff!important;outline:none}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.admin-header-left{display:flex;align-items:center;gap:1.5rem}.admin-header-left h1{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#ffffff1a;border-color:#fff3}.back-btn svg{width:18px;height:18px}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-user{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.85rem;color:#ffffffb3}.admin-user svg{width:16px;height:16px;opacity:.7}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef444433;border-color:#ef444480}.logout-btn svg{width:18px;height:18px}.admin-stats{display:flex;gap:1.5rem;padding:2rem}.stat-card{flex:1;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease}.stat-card:hover{background:#ffffff0d;transform:translateY(-2px)}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.unread .stat-number{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.read .stat-number{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.admin-filters{display:flex;gap:.5rem;padding:0 2rem 1rem}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#ffffff0d;color:#fff}.filter-btn.active{background:#ffffff1a;border-color:#fff3;color:#fff}.filter-btn .badge{padding:.15rem .5rem;background:#f59e0b;border-radius:10px;font-size:.75rem;font-weight:600;color:#000}.admin-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:0 2rem 2rem;min-height:calc(100vh - 300px)}.messages-list{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 320px);overflow-y:auto;padding-right:.5rem}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.messages-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.message-card{padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.message-card:hover{background:#ffffff0f;border-color:#ffffff26}.message-card.selected{background:#6366f11a;border-color:#6366f14d}.message-card.unread{border-left:3px solid #f59e0b}.message-card.unread:before{content:"";position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:#f59e0b;border-radius:50%}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-name{font-weight:600;font-size:1rem}.message-date{font-size:.8rem;color:#fff6}.message-email{display:block;font-size:.85rem;color:#fff9;margin-bottom:.25rem}.message-company{display:block;font-size:.8rem;color:#fff6;margin-bottom:.5rem}.message-preview{font-size:.9rem;color:#ffffffb3;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem}.message-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.action-btn svg{width:16px;height:16px}.action-btn:hover{background:#ffffff1a;color:#fff}.action-btn.delete:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.action-btn.mark-read:hover{background:#10b98133;border-color:#10b9814d;color:#10b981}.message-detail{padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;height:fit-content;position:sticky;top:100px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.detail-header h2{font-size:1.5rem;font-weight:600}.close-detail{padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.close-detail:hover{background:#ffffff1a;color:#fff}.close-detail svg{width:18px;height:18px}.detail-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.meta-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#ffffffb3}.meta-item svg{width:18px;height:18px;opacity:.5;flex-shrink:0}.meta-item a{color:#6366f1;text-decoration:none;transition:color .2s ease}.meta-item a:hover{color:#818cf8}.detail-message{margin-bottom:2rem}.detail-message p{font-size:1rem;line-height:1.7;color:#ffffffd9;white-space:pre-wrap}.detail-actions{display:flex;gap:1rem}.reply-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:none;border-radius:10px;color:#000;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.reply-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f14d}.reply-btn svg{width:18px;height:18px}.status-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s ease}.status-btn:hover{background:#ffffff1a;color:#fff}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#ffffff80}.empty-state svg,.loading-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.3}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.admin-error h2{font-size:2rem;margin-bottom:1rem}.admin-error p{color:#fff9;margin-bottom:2rem}.admin-btn{padding:.75rem 2rem;background:#fff;border:none;border-radius:10px;color:#000;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f14d}@media(max-width:1024px){.admin-content{grid-template-columns:1fr}.message-detail{position:fixed;inset:0;margin:0;border-radius:0;z-index:200;overflow-y:auto}.messages-list{max-height:none}}@media(max-width:768px){.admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-header-left,.admin-header-right{width:100%;justify-content:space-between}.admin-stats{flex-direction:column;padding:1rem;gap:1rem}.admin-filters{padding:0 1rem 1rem;overflow-x:auto}.admin-content{padding:0 1rem 1rem}.admin-user{display:none}}.login-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.login-modal{width:100%;max-width:400px;padding:2.5rem;background:#0c0c0c;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px #00000080}.login-modal h2{font-size:1.75rem;font-weight:600;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{text-align:center;color:#ffffff80;font-size:.9rem;margin-bottom:2rem}.admin-tabs{display:flex;gap:.5rem;padding:1rem 2rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff9;font-size:.95rem;cursor:pointer;transition:all .2s ease}.tab-btn svg{width:18px;height:18px}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{background:#6366f126;border-color:#6366f14d;color:#fff}.tab-badge{padding:.15rem .5rem;background:#6366f14d;border-radius:10px;font-size:.75rem;font-weight:600}.tab-btn.active .tab-badge{background:#6366f1}.clients-admin{padding:0 2rem 2rem}.clients-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.clients-toolbar h2{font-size:1.5rem;font-weight:600}.search-box{position:relative;width:100%;max-width:400px}.search-input{width:100%;padding:.8rem 1rem .8rem 2.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s ease}.search-input:focus{outline:none;background:#ffffff14;border-color:#fff}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fff6}.clients-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.client-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;cursor:pointer}.client-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.client-info h3{font-size:1rem;font-weight:500;margin-bottom:.3rem;color:#fff}.client-info p{font-size:.8rem;color:#ffffff80;font-family:monospace}.manage-client-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#818cf8;font-size:.85rem;cursor:pointer;transition:all .2s ease}.manage-client-btn:hover{background:#6366f133;color:#fff}.manage-client-btn svg{width:16px;height:16px}.client-modal-content{width:100%;max-width:1000px;max-height:90vh;padding:0;background:#050505;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px #000000b3;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:#0f0f0f;border-radius:20px 20px 0 0}.projects-admin{padding:2rem}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.projects-toolbar h2{font-size:1.25rem;font-weight:600}.add-project-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:none;border-radius:10px;color:#000;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-project-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f14d}.add-project-btn svg{width:18px;height:18px}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-admin-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.project-admin-card:hover{background:#ffffff0f;border-color:#ffffff26}.project-admin-card.hidden-project{opacity:.5}.project-thumb{width:80px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-info{flex:1;min-width:0}.project-info h3{font-size:1rem;font-weight:600;margin:0 0 .25rem}.project-info p{font-size:.85rem;color:#fff9;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-url{font-size:.8rem;color:#6366f1;text-decoration:none}.project-url:hover{text-decoration:underline}.project-admin-actions{display:flex;gap:.5rem}.visibility-btn,.edit-btn,.delete-btn{padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.visibility-btn svg,.edit-btn svg,.delete-btn svg{width:16px;height:16px}.visibility-btn:hover,.edit-btn:hover{background:#ffffff1a;color:#fff}.delete-btn:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}.visibility-btn.hidden{color:#f59e0b}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{width:100%;max-width:700px;max-height:90vh;overflow-y:auto;padding:2rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 25px 50px #000c}.modal-content h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.modal-content .form-group{margin-bottom:1.25rem}.modal-content .form-group label{display:block;font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem}.modal-content .form-group input,.modal-content .form-group textarea{width:100%;padding:.9rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .2s ease}.modal-content .form-group input:focus,.modal-content .form-group textarea:focus{outline:none;border-color:#fff;background:#ffffff14}.modal-content .form-group textarea{resize:vertical;min-height:80px}.modal-content .form-group textarea.detailed-textarea{min-height:120px}.modal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-content .form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modal-content .form-group.checkbox input{width:auto;accent-color:#6366f1}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.cancel-btn{flex:1;padding:.9rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;font-size:.95rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;color:#fff}.save-btn{flex:1;padding:.9rem;background:#fff;border:none;border-radius:10px;color:#000;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #fff3}.list-editor{display:flex;flex-direction:column;gap:.75rem}.list-input-row{display:flex;gap:.5rem}.list-input-row input{flex:1}.add-item-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-item-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #fff3}.add-item-btn svg{width:18px;height:18px}.list-items{display:flex;flex-direction:column;gap:.5rem}.list-items.tags{flex-direction:row;flex-wrap:wrap}.list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;gap:.75rem}.list-item.tag{padding:.5rem .75rem;border-radius:20px;background:#ffffff1a;border-color:#fff3}.list-item span{flex:1;font-size:.9rem;color:#ffffffe6}.list-item.tag span{flex:unset}.remove-item-btn,.delete-item-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff6;cursor:pointer;transition:all .2s ease;flex-shrink:0}.delete-item-btn:hover{color:#ef4444;background:#ef44441a;border-radius:4px}.delete-item-btn svg{width:16px;height:16px}.remove-item-btn:hover{color:#ef4444}.remove-item-btn svg{width:14px;height:14px}.image-upload-section{display:flex;flex-direction:column;gap:.75rem}.upload-file-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:1px dashed rgba(255,255,255,.3);border-radius:10px;color:#fff9;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-file-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff80;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.upload-file-btn:disabled{opacity:.8;cursor:wait}.upload-file-btn svg{width:18px;height:18px}.upload-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.upload-hint{text-align:center;font-size:.85rem;color:#fff6}.image-upload-section input[type=url]{padding:.85rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;transition:all .2s ease}.image-upload-section input[type=url]:focus{outline:none;border-color:#fff;background:#ffffff14}.image-upload-section input[type=url]:disabled{opacity:.6;cursor:not-allowed}.image-upload-section input[type=url]::placeholder{color:#ffffff4d}.upload-btn{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.upload-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #6366f14d}.upload-btn:disabled{opacity:.7;cursor:not-allowed}.upload-btn svg{width:16px;height:16px}.upload-progress{font-weight:600}.upload-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .2s ease}.image-preview{position:relative;max-width:200px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background:#ef4444cc}.remove-image-btn svg{width:14px;height:14px}.action-btn.mark-replied:hover{background:#10b9811a;color:#10b981}.action-btn.replied{color:#10b981;background:#10b9811a}.mark-replied-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .2s ease}.mark-replied-btn:hover{background:var(--color-bg-subtle);border-color:#10b981;color:#10b981}.client-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:140px}.client-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 24px -10px #00000080}.client-card.favorite{border-color:#fbbf2480;background:linear-gradient(135deg,#fbbf2414,#ffffff08)}.client-avatar{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 12px #0006;flex-shrink:0}.client-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.client-info h3{margin:0 0 .5rem;font-size:1.1rem;color:#f3f4f6;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-id{display:block;font-size:.75rem;color:#9ca3af;font-family:JetBrains Mono,Fira Code,monospace;margin-bottom:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.client-stats{display:flex;gap:.75rem;flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.stat-badge svg{width:16px;height:16px}.stat-badge.projects{background:#3b82f640;color:#93c5fd;border:1px solid rgba(59,130,246,.2)}.stat-badge.updates{background:#10b98140;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.client-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-left:.5rem}.favorite-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff6;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.favorite-btn:hover{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d;transform:scale(1.1)}.favorite-btn.active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2433}.manage-btn{background:#fff;border:none;color:#000;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;opacity:0;transform:translate(10px)}.client-card:hover .manage-btn{opacity:1;transform:translate(0)}@media(max-width:768px){.client-card{flex-direction:column;align-items:stretch;gap:1.5rem}.client-actions{flex-direction:row;justify-content:space-between;margin-left:0;width:100%}.manage-btn{opacity:1;transform:none;background:#ffffff1a;color:#fff}}.clients-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.mark-replied-btn.is-replied{background:#10b981;border-color:#10b981;color:#fff}.close-modal-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal-btn:hover{background:#ffffff1a;color:#fff}.close-modal-btn svg{width:24px;height:24px}.add-client-item-form select,.status-select{background-color:#fff;color:#000;border:1px solid rgba(255,255,255,.1);padding:.75rem;border-radius:8px;font-size:.9rem;cursor:pointer}.add-client-item-form select option,.status-select option{background-color:#fff;color:#000}.update-image-upload{width:100%;margin-bottom:1rem}.image-preview-mini{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;margin-top:.5rem;border:1px solid rgba(255,255,255,.1)}.image-preview-mini img{width:100%;height:100%;object-fit:cover}.remove-preview-btn{position:absolute;top:5px;right:5px;background:#0009;color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1;transition:background .2s}.remove-preview-btn:hover{background:#dc2626cc}.update-image-container{margin-top:.75rem;border-radius:8px;overflow:hidden;max-width:100%;max-height:200px}.update-image-container img{width:100%;height:100%;object-fit:cover;display:block}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:0 2rem}.stat-card{background:#14141e99;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default;box-shadow:0 4px 6px -1px #0000001a}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}.stat-card:hover{transform:translateY(-4px);background:#191928cc;box-shadow:0 10px 20px -5px #0000004d;border-color:#ffffff1a}.stat-card:not(.unread):not(.read):hover{box-shadow:0 10px 30px -10px #6366f126;border-color:#6366f14d}.stat-card.unread:hover{box-shadow:0 10px 30px -10px #f59e0b26;border-color:#f59e0b4d}.stat-card.read:hover{box-shadow:0 10px 30px -10px #64748b26;border-color:#64748b4d}.stat-number{font-size:2.5rem;font-weight:700;color:#fff;line-height:1;text-shadow:0 0 20px rgba(255,255,255,.1)}.stat-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.client-management-dashboard{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;padding:1.5rem;height:70vh;min-height:500px;background:#050505}@media(max-width:1024px){.client-management-dashboard{grid-template-columns:1fr;height:auto}}.cmd-sidebar{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column}.cmd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #222}.cmd-section-header h3{font-size:.95rem;font-weight:600;color:#fff;margin:0}.cmd-badge{background:#222;color:#888;padding:.1rem .5rem;border-radius:10px;font-size:.75rem}.cmd-add-form{display:flex;gap:.5rem;margin-bottom:1rem}.cmd-add-form input{flex:1;background:#111;border:1px solid #222;color:#fff;padding:.6rem;border-radius:8px;font-size:.9rem}.cmd-add-form input:focus{border-color:#444;outline:none}.cmd-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #333;background:#1a1a1a;color:#fff;cursor:pointer;transition:all .2s}.cmd-icon-btn:hover{background:#fff;color:#000}.client-management-dashboard{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;padding:1.5rem;height:75vh;min-height:550px;background:#050505}@media(max-width:1024px){.client-management-dashboard{grid-template-columns:1fr;height:auto;max-height:80vh;overflow-y:auto}}.cmd-sidebar{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;overflow:hidden}.cmd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #1a1a1a}.cmd-section-header h3{font-size:.9rem;font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.05em}.cmd-badge{background:#111;color:#666;padding:.15rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700;border:1px solid #1a1a1a}.cmd-add-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.cmd-add-form input{flex:1;background:#000;border:1px solid #222;color:#fff;padding:.7rem .9rem;border-radius:10px;font-size:.9rem;transition:all .2s}.cmd-add-form input:focus{border-color:#444;background:#050505;outline:none}.cmd-icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #222;background:#111;color:#fff;cursor:pointer;transition:all .2s}.cmd-icon-btn:hover:not(:disabled){background:#fff;color:#000}.cmd-icon-btn:disabled{opacity:.3;cursor:not-allowed}.cmd-icon-btn svg{width:18px;height:18px}.cmd-project-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.cmd-project-list::-webkit-scrollbar{width:4px}.cmd-project-list::-webkit-scrollbar-track{background:transparent}.cmd-project-list::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.cmd-project-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:1rem;transition:all .3s ease}.cmd-project-card:hover{border-color:#333;background:#111}.cmd-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.cmd-project-title{font-size:.9rem;font-weight:500;color:#eee}.cmd-delete-btn{background:transparent;border:none;color:#333;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.cmd-delete-btn:hover{color:#c33}.cmd-status-select{width:100%;background:#000;border:1px solid #222;color:#777;padding:.4rem .6rem;font-size:.75rem;border-radius:8px;cursor:pointer;font-weight:500;appearance:none}.cmd-project-card.completed{border-left:3px solid #10b981}.cmd-project-card.in_progress{border-left:3px solid #f59e0b}.cmd-project-card.pending{border-left:3px solid #6366f1}.cmd-project-card.completed .cmd-status-select{color:#10b981}.cmd-project-card.in_progress .cmd-status-select{color:#f59e0b}.cmd-project-card.pending .cmd-status-select{color:#6366f1}.cmd-main{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.cmd-composer{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;padding:1.5rem}.cmd-composer-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.cmd-input-title{background:transparent;border:none;font-size:1.25rem;font-weight:700;color:#fff;padding:.5rem 0;border-bottom:1px solid transparent}.cmd-input-title::placeholder{color:#333}.cmd-input-title:focus{outline:none;border-bottom-color:#1a1a1a}.cmd-input-area{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:12px;padding:1.25rem;color:#bbb;font-size:1rem;resize:none;transition:all .3s;min-height:120px;line-height:1.6}.cmd-input-area:focus{outline:none;border-color:#333;background:#111}.cmd-composer-actions{display:flex;justify-content:space-between;align-items:center}.cmd-tools{display:flex;gap:1rem;align-items:center}.cmd-tool-btn{background:transparent;border:1px solid #1a1a1a;color:#555;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cmd-tool-btn:hover,.cmd-tool-btn.active{background:#111;color:#fff;border-color:#333}.cmd-pill-select{background:#0d0d0d;border:1px solid #1a1a1a;color:#666;border-radius:20px;padding:.5rem 1.25rem;font-size:.8rem;cursor:pointer;font-weight:600}.cmd-send-btn{background:#fff;color:#000;border:none;font-weight:700;padding:.75rem 2.5rem;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cmd-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffffff26}.cmd-send-btn:disabled{opacity:.2;cursor:not-allowed}.cmd-image-preview{margin-top:1.25rem;position:relative;display:inline-block}.cmd-image-preview img{height:100px;border-radius:12px;border:1px solid #222;object-fit:cover}.cmd-image-preview button{position:absolute;top:-10px;right:-10px;background:#000;color:#fff;border:1px solid #333;border-radius:50%;width:26px;height:26px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000080}.cmd-timeline{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;padding:.5rem}.cmd-timeline::-webkit-scrollbar{width:6px}.cmd-timeline::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:10px}.cmd-timeline-item{display:flex;gap:1.5rem;position:relative}.cmd-timeline-marker{width:2px;background:#111;position:relative;margin-left:1rem}.cmd-timeline-marker:before{content:"";position:absolute;top:1.5rem;left:-6px;width:14px;height:14px;background:#050505;border:2px solid #222;border-radius:50%}.cmd-timeline-content{flex:1;background:#0a0a0a;border:1px solid #161616;border-radius:20px;padding:1.5rem;transition:all .3s}.cmd-timeline-content:hover{border-color:#222;background:#0d0d0d}.cmd-msg-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.cmd-msg-title{font-weight:700;color:#fff;font-size:1.1rem}.cmd-msg-meta{display:flex;align-items:center;gap:1.25rem;font-size:.8rem;color:#444}.cmd-project-tag{background:#111;border:1px solid #1a1a1a;padding:.25rem .75rem;border-radius:6px;color:#777;font-weight:600;font-size:.7rem}.cmd-delete-item{background:transparent;border:none;color:#222;cursor:pointer;font-size:1.4rem;padding:0;line-height:1;transition:all .2s}.cmd-delete-item:hover{color:#f44}.cmd-msg-text{font-size:1rem;color:#888;line-height:1.7;white-space:pre-wrap}.cmd-msg-image{margin-top:1.5rem;border-radius:16px;overflow:hidden;border:1px solid #1a1a1a;background:#000}.cmd-msg-image img{max-width:100%;max-height:400px;display:block;margin:0 auto;object-fit:contain}.cmd-empty-timeline{text-align:center;padding:4rem 1rem;color:#222;font-style:italic;background:#0a0a0a;border:2px dashed #111;border-radius:20px}.proposals-admin{padding:2rem}.proposals-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1600px;margin:0 auto}.proposal-form-section,.proposal-preview-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem}.proposal-form-section h2,.proposal-preview-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.proposal-form{display:flex;flex-direction:column;gap:1.25rem}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.generate-btn svg{width:20px;height:20px}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:#10b98140;border-color:#10b98180}.export-btn svg{width:16px;height:16px}.proposal-preview{background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-height:500px;max-height:calc(100vh - 300px);overflow-y:auto;padding:1.5rem}.proposal-content{background:#fff;color:#1f2937;padding:3rem;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;font-family:system-ui,-apple-system,sans-serif;line-height:1.7;min-height:500px}.proposal-content h1{font-size:1.8rem;color:#111827;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:3px solid #6366f1}.proposal-content h2{font-size:1.4rem;color:#4f46e5;margin:2rem 0 1rem;font-weight:700}.proposal-content h3{font-size:1.1rem;color:#374151;margin:1.5rem 0 .75rem;font-weight:600}.proposal-content p{margin-bottom:1rem;color:#4b5563}.proposal-content ul,.proposal-content ol{margin:1rem 0;padding-left:1.5rem}.proposal-content li{margin-bottom:.5rem;color:#4b5563}.proposal-content strong{color:#111827;font-weight:600}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#ffffff4d}.preview-empty svg{width:64px;height:64px;margin-bottom:1.5rem;opacity:.3}.preview-empty p{font-size:1.1rem;margin-bottom:.5rem;color:#ffffff80}.preview-empty span{font-size:.9rem}@media(max-width:1200px){.proposals-container{grid-template-columns:1fr}.proposal-preview{min-height:300px;max-height:500px}}.rich-text-editor{border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;background:var(--card-bg, rgba(255, 255, 255, .03));overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:12px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.toolbar-group{display:flex;gap:2px;padding-right:8px;border-right:1px solid rgba(255,255,255,.1)}.toolbar-group:last-child{border-right:none;padding-right:0}.editor-toolbar button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .2s ease}.editor-toolbar button:hover{background:#ffffff1a;color:#fff}.editor-toolbar button.is-active{background:#8a63d24d;color:#a78bfa}.editor-content{min-height:300px;max-height:500px;overflow-y:auto;padding:16px}.editor-content .tiptap{outline:none;min-height:268px;color:#ffffffe6;font-size:15px;line-height:1.7}.editor-content .tiptap>*+*{margin-top:.75em}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#ffffff4d;pointer-events:none;height:0}.editor-content .tiptap h2{font-size:1.5em;font-weight:600;color:#fff;margin-top:1.5em;margin-bottom:.5em}.editor-content .tiptap h3{font-size:1.25em;font-weight:600;color:#fffffff2;margin-top:1.25em;margin-bottom:.5em}.editor-content .tiptap ul,.editor-content .tiptap ol{padding-left:1.5em}.editor-content .tiptap li{margin-top:.25em}.editor-content .tiptap ul li::marker{color:#a78bfa}.editor-content .tiptap ol li::marker{color:#a78bfa}.editor-content .tiptap a{color:#a78bfa;text-decoration:underline;cursor:pointer}.editor-content .tiptap a:hover{color:#c4b5fd}.editor-content .tiptap img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.editor-content .tiptap hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:1.5em 0}.editor-content .tiptap strong{font-weight:600;color:#fff}.editor-content .tiptap em{font-style:italic}.editor-content .tiptap s{text-decoration:line-through;opacity:.7}.editor-content .tiptap [style*="text-align: center"]{text-align:center}.editor-content .tiptap [style*="text-align: right"]{text-align:right}.editor-content::-webkit-scrollbar{width:6px}.editor-content::-webkit-scrollbar-track{background:transparent}.editor-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.editor-content::-webkit-scrollbar-thumb:hover{background:#fff3}.login-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{width:100%;max-width:400px;padding:2.5rem;background:#0c0c0c;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}.login-modal h2{font-size:1.75rem;font-weight:600;text-align:center;margin-bottom:.5rem;color:#fff}.login-subtitle{text-align:center;color:#ffffff80;font-size:.9rem;margin-bottom:1.5rem}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1rem;background:#fff;border:none;border-radius:10px;color:#333;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.google-login-btn:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.apple-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1rem;background:#000;border:1px solid #000000;border-radius:10px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.apple-login-btn:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.apple-login-btn:disabled{opacity:.6;cursor:not-allowed}.phone-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.phone-login-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.phone-login-btn:disabled{opacity:.6;cursor:not-allowed}.phone-login-btn svg{width:20px;height:20px;stroke:currentColor}.login-divider{display:flex;align-items:center;margin:1.5rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider span{padding:0 1rem;color:#fff6;font-size:.85rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-input-group{display:flex;flex-direction:column;gap:.5rem}.login-input-group label{font-size:.85rem;color:#ffffffb3}.login-input-group input{padding:.9rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .2s ease}.login-input-group input:focus{outline:none;border-color:#fff;background:#ffffff14}.login-input-group input::placeholder{color:#ffffff4d}.login-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;text-align:center}.login-success{padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:.9rem;text-align:center;margin-bottom:1rem}.login-submit{padding:1rem;background:#fff;border:none;border-radius:10px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-cancel{padding:.75rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s ease}.login-cancel:hover{background:#ffffff0d;color:#fff}.toggle-auth-mode{margin-top:1rem;text-align:center}.toggle-auth-btn{background:none;border:none;color:#6366f1;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:.5rem}.toggle-auth-btn:hover{color:#818cf8}.verification-input{font-size:1.5rem!important;letter-spacing:8px;text-align:center;font-family:Courier New,monospace;font-weight:600}.section-indicator{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem;z-index:100;transition:all .3s ease}.indicator-dot{width:12px;height:12px;padding:0;border:none;background:transparent;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.dot-inner{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.section-indicator.theme-light .dot-inner{background:#ffffff4d;border:1px solid rgba(255,255,255,.5)}.section-indicator.theme-light .indicator-dot:hover .dot-inner{background:#fff9;transform:scale(1.2)}.section-indicator.theme-light .indicator-dot.active .dot-inner{background:#fff;transform:scale(1.3);box-shadow:0 0 10px #ffffff80}.section-indicator.theme-light .dot-label{color:#ffffffe6;background:#000000b3}.section-indicator.theme-dark .dot-inner{background:#0000004d;border:1px solid rgba(0,0,0,.5)}.section-indicator.theme-dark .indicator-dot:hover .dot-inner{background:#0009;transform:scale(1.2)}.section-indicator.theme-dark .indicator-dot.active .dot-inner{background:#000;transform:scale(1.3);box-shadow:0 0 10px #0000004d}.section-indicator.theme-dark .dot-label{color:#000000e6;background:#ffffffe6}.dot-label{position:absolute;right:100%;margin-right:.75rem;white-space:nowrap;font-family:var(--font-body);font-size:.75rem;opacity:0;transform:translate(10px);transition:all .3s ease;pointer-events:none;padding:.25rem .5rem;border-radius:4px}.indicator-dot:hover .dot-label{opacity:1;transform:translate(0)}@media(max-width:768px){.section-indicator{right:.75rem;gap:.5rem}.dot-inner{width:6px;height:6px}.dot-label{display:none}}.back-to-top{position:fixed;bottom:2rem;left:2rem;width:48px;height:48px;border-radius:50%;background:#000;border:1px solid #333333;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 15px #0003}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#222;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.back-to-top svg{width:24px;height:24px;stroke:#fff}@media(max-width:768px){.back-to-top{bottom:1.5rem;left:1.5rem;width:40px;height:40px}.back-to-top svg{width:20px;height:20px}}.chatbot-toggle{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:#000;border:1px solid #333333;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.chatbot-toggle:hover{transform:scale(1.05);box-shadow:0 6px 25px #0006}.chatbot-toggle.open{background:#333}.chatbot-toggle svg{width:26px;height:26px;stroke:#fff}.chatbot-window{position:fixed;bottom:6rem;right:2rem;width:380px;min-height:300px;max-height:70vh;max-width:calc(100vw - 4rem);height:auto;background:#fff;border-radius:16px;box-shadow:0 10px 50px #0003;display:flex;flex-direction:column;z-index:999;overflow:hidden;animation:slideUp .3s ease;transition:width .3s ease}.chatbot-window.expanded{width:min(600px,calc(100vw - 4rem))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:#000;color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between}.chatbot-header-info{display:flex;align-items:center;gap:.75rem}.chatbot-avatar{width:40px;height:40px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.chatbot-header h3{margin:0;font-size:1rem;font-weight:600}.chatbot-status{font-size:.75rem;color:#22c55e}.chatbot-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.chatbot-close:hover{background:#ffffff1a}.chatbot-close svg{width:20px;height:20px}.chatbot-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#f9fafb}.chatbot-message{display:flex;gap:.5rem;max-width:85%}.chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.chatbot-message.assistant{align-self:flex-start}.message-avatar{width:28px;height:28px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.message-content{padding:.75rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.5}.chatbot-message.assistant .message-content{background:#fff;color:#1a1a1a;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.chatbot-message.user .message-content{background:#000;color:#fff;border-bottom-right-radius:4px}.message-content.typing{display:flex;align-items:center;gap:4px;padding:.75rem 1.25rem}.message-content.typing span{width:8px;height:8px;background:#888;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.message-content.typing span:nth-child(1){animation-delay:-.32s}.message-content.typing span:nth-child(2){animation-delay:-.16s}.message-content.typing span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chatbot-input-area{padding:1rem;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:.5rem}.chatbot-input-area input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:24px;font-size:.9rem;outline:none;transition:border-color .2s}.chatbot-input-area input:focus{border-color:#000}.chatbot-input-area input::placeholder{color:#9ca3af}.chatbot-send{width:44px;height:44px;border-radius:50%;background:#000;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-send:disabled{background:#d1d5db;cursor:not-allowed}.chatbot-send:not(:disabled):hover{background:#333;transform:scale(1.05)}.chatbot-send svg{width:18px;height:18px}@media(max-width:500px){.chatbot-window{bottom:0;right:0;left:0;width:100%;height:100%;border-radius:0}.chatbot-toggle{bottom:1.5rem;right:1.5rem;width:50px;height:50px}.chatbot-toggle svg{width:22px;height:22px}}