@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";header,.landing-page header{padding:2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}body.dark-mode header,body.dark-mode .landing-page header{background:#000c}body:not(.dark-mode) header,body:not(.dark-mode) .landing-page header{background:#fffc}header.scrolled,.landing-page header.scrolled{padding:1rem 2rem;box-shadow:0 4px 20px #0000000d}.logo{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:var(--black);letter-spacing:-1px;position:relative;display:inline-block;text-decoration:none;transition:opacity .3s ease}body:not(.dark-mode) .logo{color:#0a0a0a}body.dark-mode .logo{color:#fff}.logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background:var(--accent);transition:width .3s ease}.logo:hover:after{width:100%}.logo:hover{opacity:.8}.nav-menu{display:flex;gap:3rem;align-items:center}.nav-link{font-size:.875rem;color:var(--gray-600);text-decoration:none;position:relative;transition:color .3s ease}body:not(.dark-mode) .nav-link{color:#666}body.dark-mode .nav-link{color:#d4d4d4}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-link:hover{color:var(--black)}body:not(.dark-mode) .nav-link:hover{color:#0a0a0a}body.dark-mode .nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.nav-cta{background:var(--black);color:var(--white);padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}body:not(.dark-mode) .nav-cta{background:#0a0a0a;color:#fff}body.dark-mode .nav-cta{background:#fff;color:#0a0a0a}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001;transition:all .3s ease}.hamburger span{width:25px;height:2px;background:var(--black);transition:all .3s ease;border-radius:2px}body:not(.dark-mode) .hamburger span{background:#0a0a0a}body.dark-mode .hamburger span{background:#fff}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{display:none;position:fixed;top:0;right:-100%;width:320px;max-width:85vw;height:100vh;background:var(--white);z-index:1000;padding:2rem 1.5rem;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 24px #0000001f;overflow-y:auto}body:not(.dark-mode) .mobile-menu{background:#fff}body.dark-mode .mobile-menu{background:#0a0a0a;box-shadow:-8px 0 24px #0006}.mobile-menu.open{right:0}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;height:100%}.mobile-nav-link{font-size:1.125rem;font-weight:500;color:var(--black);text-decoration:none;padding:1rem 1.25rem;border-radius:12px;transition:all .3s ease;background:transparent;font-family:Lato,sans-serif}body:not(.dark-mode) .mobile-nav-link{color:#0a0a0a}body.dark-mode .mobile-nav-link{color:#fff}.mobile-nav-link:hover,.mobile-nav-link:active{background:var(--gray-100);color:var(--accent);transform:translate(4px)}body:not(.dark-mode) .mobile-nav-link:hover,body:not(.dark-mode) .mobile-nav-link:active{background:#f5f5f5}body.dark-mode .mobile-nav-link:hover,body.dark-mode .mobile-nav-link:active{background:#171717}.mobile-menu-cta{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--gray-200)}body:not(.dark-mode) .mobile-menu-cta{border-top:1px solid #e5e5e5}body.dark-mode .mobile-menu-cta{border-top:1px solid #262626}.mobile-cta{width:100%;background:var(--accent);color:#fff;padding:1.125rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:Lato,sans-serif}.mobile-cta:hover,.mobile-cta:active{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 1024px){header,.landing-page header{padding:1.5rem 2rem}.nav-menu{gap:1.5rem}.nav-link:first-child,.nav-link:nth-child(2){display:none}}@media (max-width: 768px){header,.landing-page header{padding:1.25rem 1.5rem}header.scrolled,.landing-page header.scrolled{padding:1rem 1.5rem}.logo{font-size:1.35rem}.nav-menu{gap:1.25rem}.nav-cta{padding:.65rem 1.25rem;font-size:.85rem}}@media (max-width: 640px){header,.landing-page header{padding:1rem 1.5rem}header.scrolled,.landing-page header.scrolled{padding:.75rem 1.5rem}.logo{font-size:1.25rem}.nav-menu,.landing-page .nav-menu,header .nav-menu{display:none!important}.nav-link,.nav-cta,.landing-page .nav-link,.landing-page .nav-cta{display:none!important}.hamburger{display:flex}.mobile-menu{display:block}.mobile-menu.open~.mobile-menu-overlay,.mobile-menu-overlay{display:block}}@media (max-width: 480px){header,.landing-page header{padding:.75rem 1rem}.logo{font-size:1.1rem}.hamburger{padding:.35rem}.hamburger span{width:22px}.mobile-menu{width:260px;padding:5rem 1.5rem 1.5rem}.mobile-nav-link{font-size:1.1rem}}.landing-page footer,footer{padding:4rem 2rem 2rem!important;transition:background-color .3s ease,color .3s ease}body:not(.dark-mode) .landing-page footer,body:not(.dark-mode) footer{background:#000!important;color:#a3a3a3!important}.landing-page .footer-content,.footer-content{max-width:1400px!important;margin:0 auto!important;display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr!important;gap:4rem!important;padding-bottom:3rem!important}body:not(.dark-mode) .landing-page .footer-content,body:not(.dark-mode) .footer-content{border-bottom:1px solid #262626!important}body.dark-mode .landing-page .footer-content,body.dark-mode .footer-content{border-bottom:1px solid #e5e7eb!important}.landing-page .footer-logo,.footer-logo{font-family:Syne,sans-serif!important;font-size:2rem!important;font-weight:800!important;margin-bottom:1rem!important;letter-spacing:-1px!important}body:not(.dark-mode) .landing-page .footer-logo,body:not(.dark-mode) .footer-logo{color:#fff!important}body.dark-mode .landing-page .footer-logo,body.dark-mode .footer-logo{color:#0a0a0a!important}.landing-page .footer-tagline,.footer-tagline{margin-bottom:2rem!important;font-size:.95rem!important;line-height:1.6!important}body:not(.dark-mode) .landing-page .footer-tagline,body:not(.dark-mode) .footer-tagline{color:#a3a3a3!important}body.dark-mode .landing-page .footer-tagline,body.dark-mode .footer-tagline{color:#6b7280!important}.landing-page .theme-toggle,.theme-toggle{margin-top:2rem!important}.landing-page .theme-toggle-label,.theme-toggle-label{display:block!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:1px!important;margin-bottom:.75rem!important;font-weight:600!important}body:not(.dark-mode) .landing-page .theme-toggle-label,body:not(.dark-mode) .theme-toggle-label{color:#737373!important}body.dark-mode .landing-page .theme-toggle-label,body.dark-mode .theme-toggle-label{color:#9ca3af!important}.landing-page .theme-options,.theme-options{display:inline-flex!important;gap:.25rem!important;padding:.25rem!important;border-radius:10px!important;width:fit-content!important;max-width:300px!important}body:not(.dark-mode) .landing-page .theme-options,body:not(.dark-mode) .theme-options{background:#171717!important}body.dark-mode .landing-page .theme-options,body.dark-mode .theme-options{background:#e5e7eb!important}.landing-page .theme-option,.theme-option{background:transparent!important;border:none!important;padding:.5rem .75rem!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:.5rem!important}body:not(.dark-mode) .landing-page .theme-option,body:not(.dark-mode) .theme-option{color:#6b7280!important}body.dark-mode .landing-page .theme-option,body.dark-mode .theme-option{color:#a3a3a3!important}.landing-page .theme-option:hover,.theme-option:hover{transform:scale(1.05)!important}body:not(.dark-mode) .landing-page .theme-option:hover,body:not(.dark-mode) .theme-option:hover{color:#0a0a0a!important}body.dark-mode .landing-page .theme-option:hover,body.dark-mode .theme-option:hover{color:#fff!important}body:not(.dark-mode) .landing-page .theme-option.active,body:not(.dark-mode) .theme-option.active{background:#fff!important;color:#0a0a0a!important;box-shadow:0 1px 3px #0000001a!important}body.dark-mode .landing-page .theme-option.active,body.dark-mode .theme-option.active{background:#fff!important;color:#0a0a0a!important;box-shadow:0 1px 3px #0000001a!important}.landing-page .theme-label,.theme-label{font-size:.875rem!important;font-weight:500!important}.landing-page .footer-column h4,.footer-column h4{font-family:Syne,sans-serif!important;font-weight:700!important;margin-bottom:1.5rem!important;font-size:.875rem!important;letter-spacing:1px!important;text-transform:uppercase!important}body:not(.dark-mode) .landing-page .footer-column h4,body:not(.dark-mode) .footer-column h4{color:#fff!important}body.dark-mode .landing-page .footer-column h4,body.dark-mode .footer-column h4{color:#0a0a0a!important}.landing-page .footer-links a,.footer-links a{text-decoration:none!important;font-size:.875rem!important;transition:color .3s ease}body:not(.dark-mode) .landing-page .footer-links a,body:not(.dark-mode) .footer-links a{color:#a3a3a3!important}body.dark-mode .landing-page .footer-links a,body.dark-mode .footer-links a{color:#6b7280!important}.landing-page .footer-bottom,.footer-bottom{padding-top:2rem!important;text-align:center!important;font-size:.875rem!important}body:not(.dark-mode) .landing-page .footer-bottom,body:not(.dark-mode) .footer-bottom{color:#737373!important}body.dark-mode .landing-page .footer-bottom,body.dark-mode .footer-bottom{color:#9ca3af!important}@media (max-width: 640px){.landing-page footer,footer{padding:3rem 1.5rem 2rem!important}.landing-page .footer-content,.footer-content{grid-template-columns:1fr!important;gap:2rem!important;padding-bottom:2rem!important}.landing-page .theme-options,.theme-options{display:inline-flex!important;gap:.25rem!important;padding:.25rem!important;border-radius:10px!important;width:fit-content!important;max-width:300px!important}}:root{--accent: #3b82f6;--black: #000000;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-600: #525252;--gray-800: #262626;--gray-900: #171717}.landing-page *{margin:0;padding:0;box-sizing:border-box;cursor:crosshair}.landing-page .mobile-menu,.landing-page .mobile-nav,.landing-page .mobile-nav-link,.landing-page .mobile-menu-cta,.landing-page .mobile-cta,.landing-page .hamburger,.landing-page .hamburger span{margin:revert!important;padding:revert!important;cursor:pointer!important}.landing-page .mobile-menu{padding:2rem 1.5rem!important}.landing-page .mobile-nav-link{padding:1rem 1.25rem!important;margin-bottom:0!important}.landing-page .mobile-menu-cta{margin-top:auto!important;padding-top:1.5rem!important}.landing-page .mobile-cta{padding:1.125rem 1.5rem!important}.landing-page .hamburger{padding:.5rem!important}.landing-page .hamburger span{margin:0!important;padding:0!important}.landing-page .mobile-nav{gap:.5rem!important}.landing-page{font-family:Lato,sans-serif;color:var(--black);overflow-x:hidden;background:var(--white)}.landing-page.dark-mode{--black: #ffffff;--white: #000000;--gray-50: #171717;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-600: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #fafafa}.landing-page button,.landing-page a{cursor:pointer!important}.landing-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,transparent 50%,rgba(59,130,246,.05) 100%),linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px);background-size:100% 100%,50px 50px,50px 50px;z-index:-1;opacity:.5;transition:background .3s ease;pointer-events:none}.landing-page .floating-verse{position:fixed;font-family:Syne,sans-serif;font-size:.875rem;color:var(--gray-600);opacity:.35;pointer-events:none;z-index:5;white-space:nowrap;animation:floatUpContinuous 20s ease-in-out infinite}@keyframes floatUpContinuous{0%{transform:translateY(100vh);opacity:0}10%{opacity:.35}90%{opacity:.35}to{transform:translateY(-120vh);opacity:0}}.landing-page.dark-mode .floating-verse{color:var(--gray-400);opacity:.5}.landing-page .cursor-follower{position:fixed;width:40px;height:40px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transition:all .15s ease;mix-blend-mode:difference}.landing-page .cursor-follower.hover{width:60px;height:60px;background:#3b82f61a}.landing-page .scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent),#8b5cf6);z-index:1000;transition:width .1s ease}.landing-page .hero{max-width:1400px;margin:0 auto;padding:12rem 2rem 6rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.landing-page .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.landing-page .hero-bg-text{position:absolute;font-family:Syne,sans-serif;font-size:10rem;font-weight:800;color:var(--gray-100);opacity:.3;white-space:nowrap}.landing-page .hero-badge{display:inline-block;background:var(--black);color:var(--white);padding:.5rem 1rem;font-size:.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black);transition:all .3s ease;animation:slideUp .6s ease-out;position:relative;z-index:1}.landing-page .hero-badge:hover{background:var(--white);color:var(--black)}.landing-page h1{font-family:Syne,sans-serif;font-size:7rem;font-weight:800;line-height:.95;margin-bottom:2rem;color:var(--black);letter-spacing:-4px;animation:slideUp .6s ease-out .1s both;max-width:1200px;position:relative;z-index:1}.landing-page h1 .accent-word{color:var(--accent);position:relative;display:inline-block}.landing-page h1 .accent-word:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;background:var(--accent);opacity:.2;z-index:-1;animation:expandWidth 1s ease-out .8s both}@keyframes expandWidth{0%{width:0}to{width:100%}}.landing-page .tagline{font-size:1.25rem;color:var(--gray-600);margin-bottom:3rem;line-height:1.8;max-width:600px;animation:slideUp .6s ease-out .2s both;position:relative;z-index:1}.landing-page .cta-group{display:flex;gap:1.5rem;align-items:center;animation:slideUp .6s ease-out .3s both;position:relative;z-index:1}.landing-page .cta-primary{background:var(--black);color:var(--white);padding:1.5rem 3.5rem;border:3px solid var(--black);font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.landing-page .cta-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--accent);transform:translate(-50%,-50%);transition:all .5s ease;border-radius:50%}.landing-page .cta-primary:hover:before{width:400px;height:400px}.landing-page .cta-primary:hover{border-color:var(--accent);transform:scale(1.05)}.landing-page .cta-primary span{position:relative;z-index:1}.landing-page .cta-secondary{background:transparent;color:var(--gray-600);padding:1.5rem 3rem;border:3px solid var(--gray-200);font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.landing-page .cta-secondary:hover{border-color:var(--black);color:var(--black)}.landing-page .typing-demo{margin-top:6rem;background:var(--gray-50);border:2px solid var(--gray-200);padding:3rem;max-width:900px;position:relative;animation:slideUp .6s ease-out .4s both;z-index:1}.landing-page .typing-demo:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent),#8b5cf6,var(--accent));background-size:200% 200%;z-index:-1;opacity:0;transition:opacity .3s ease;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.landing-page .typing-demo:hover:before{opacity:1}.landing-page .demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.landing-page .demo-dots{display:flex;gap:.5rem}.landing-page .demo-dot{width:12px;height:12px;border-radius:50%;background:var(--gray-300);transition:all .3s ease}.landing-page .typing-demo:hover .demo-dot:nth-child(1){background:#ef4444}.landing-page .typing-demo:hover .demo-dot:nth-child(2){background:#f59e0b}.landing-page .typing-demo:hover .demo-dot:nth-child(3){background:#22c55e}.landing-page .demo-controls{display:flex;gap:1rem}.landing-page .demo-btn{background:transparent;border:1px solid var(--gray-300);color:var(--gray-600);padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s ease}.landing-page .demo-btn:hover{border-color:var(--accent);color:var(--accent)}.landing-page .demo-input{width:100%;background:var(--white);border:2px solid var(--gray-200);padding:1.25rem;font-family:Lato,sans-serif;font-size:1rem;color:var(--black);margin-bottom:1.5rem;transition:all .3s ease}.landing-page .demo-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.landing-page .demo-input::placeholder{color:var(--gray-400)}.landing-page .demo-response{background:var(--black);color:var(--white);padding:2rem;font-size:.95rem;line-height:1.8;border-left:4px solid var(--accent);opacity:0;transform:translateY(10px);transition:all .5s ease}.landing-page .demo-response.show{opacity:1;transform:translateY(0)}.landing-page .verse-ref{display:block;background:var(--accent);color:var(--white);padding:.5rem .75rem;font-size:.75rem;margin-top:1.25rem;font-weight:600;letter-spacing:1px;width:fit-content}.landing-page .typing-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.landing-page .social-proof{padding:4rem 2rem;background:var(--gray-50);border-top:2px solid var(--gray-200);border-bottom:2px solid var(--gray-200)}.landing-page .social-proof-container{max-width:1400px;margin:0 auto;text-align:center}.landing-page .live-counter{display:inline-flex;align-items:center;gap:1rem;background:var(--white);border:2px solid var(--gray-200);padding:1rem 2rem;margin-bottom:3rem}.landing-page .pulse-dot{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.landing-page .counter-text{font-size:.875rem;color:var(--gray-600)}.landing-page .counter-number{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800;color:var(--accent)}.landing-page .features{background:var(--black);color:var(--white);padding:8rem 2rem;position:relative;overflow:hidden}.landing-page.dark-mode .features{background:var(--gray-900)}.landing-page .features:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(38,38,38,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(38,38,38,.5) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.landing-page .features-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.landing-page .section-title{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;text-align:left;margin-bottom:1rem;letter-spacing:-3px;line-height:.95;text-transform:none}.landing-page .features .section-title{color:var(--white)}.landing-page .testimonials .section-title{color:var(--black)}.landing-page .section-title .accent{color:var(--accent)}.landing-page .section-subtitle{text-align:left;color:var(--gray-400);font-size:1.125rem;margin-bottom:6rem;max-width:600px;line-height:1.8}.landing-page .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--gray-800);border:2px solid var(--gray-800)}.landing-page .feature-card{padding:3rem;background:var(--black);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.landing-page.dark-mode .feature-card{background:var(--gray-900)}.landing-page .feature-card:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--accent);transition:width .4s ease;z-index:0}.landing-page .feature-card:hover:before{width:100%}.landing-page .feature-card:hover{transform:scale(1.05);z-index:10}.landing-page .feature-card>*{position:relative;z-index:1}.landing-page .feature-icon{font-size:2.5rem;margin-bottom:1.5rem;opacity:0;transform:scale(.8) rotate(-10deg);transition:all .4s ease}.landing-page .feature-card:hover .feature-icon{opacity:1;transform:scale(1) rotate(0)}.landing-page .feature-number{font-family:Syne,sans-serif;font-size:3rem;font-weight:800;color:var(--gray-800);margin-bottom:1.5rem;transition:all .3s ease}.landing-page .feature-card:hover .feature-number{color:var(--white)}.landing-page .feature-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:1rem;letter-spacing:-.5px}.landing-page .feature-description{color:var(--gray-400);line-height:1.8;font-size:.95rem;transition:all .3s ease}.landing-page .feature-card:hover .feature-description{color:var(--white)}.landing-page .testimonials{padding:8rem 2rem;background:var(--white)}.landing-page .testimonials-container{max-width:1400px;margin:0 auto}.landing-page .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.landing-page .testimonial-card{background:var(--gray-50);border:2px solid var(--gray-200);padding:2.5rem;transition:all .3s ease;position:relative}.landing-page .testimonial-card:before{content:'"';position:absolute;top:1rem;left:1.5rem;font-family:Syne,sans-serif;font-size:6rem;color:var(--gray-200);line-height:1}.landing-page .testimonial-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.landing-page .testimonial-text{font-size:.95rem;line-height:1.8;color:var(--gray-600);margin-bottom:1.5rem;position:relative;z-index:1}.landing-page .testimonial-author{font-weight:600;color:var(--black)}.landing-page .testimonial-role{font-size:.875rem;color:var(--gray-400)}.landing-page .stats{background:var(--gray-50);padding:6rem 2rem;border-top:2px solid var(--gray-200);border-bottom:2px solid var(--gray-200)}.landing-page .stats-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.landing-page .stat-item{text-align:center;padding:2rem;background:var(--white);border:2px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.landing-page .stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.landing-page .stat-item:hover:before{left:100%}.landing-page .stat-item:hover{border-color:var(--accent);transform:translateY(-5px)}.landing-page .stat-number{font-family:Syne,sans-serif;font-size:4rem;font-weight:800;color:var(--black);line-height:1;margin-bottom:.5rem}.landing-page .stat-label{font-size:.875rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:1px;font-weight:600}.landing-page .cta-section{background:var(--white);padding:10rem 2rem;text-align:center;position:relative;overflow:hidden}.landing-page .cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.landing-page .cta-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.landing-page .cta-section h2{font-family:Syne,sans-serif;font-size:6rem;color:var(--black);margin-bottom:2rem;font-weight:800;letter-spacing:-3px;line-height:.95}.landing-page .cta-section h2 .underline{position:relative;display:inline-block}.landing-page .cta-section h2 .underline:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:30px;background:var(--accent);opacity:.3;z-index:-1}.landing-page .cta-section p{font-size:1.125rem;color:var(--gray-600);margin-bottom:3rem;line-height:1.8}.landing-page .cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.landing-page .cta-final{background:var(--black);color:var(--white);padding:1.75rem 4rem;border:3px solid var(--black);font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;position:relative;overflow:hidden}.landing-page .cta-final:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--accent);transform:translate(-50%,-50%);transition:all .5s ease;border-radius:50%}.landing-page .cta-final:hover:before{width:500px;height:500px}.landing-page .cta-final:hover{border-color:var(--accent)}.landing-page .cta-final span{position:relative;z-index:1}.landing-page header,header{padding:2rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:100!important;background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s ease!important}body.dark-mode .landing-page header,body.dark-mode header{background:#000c!important}.landing-page header.scrolled,header.scrolled{padding:1rem 2rem!important;box-shadow:0 4px 20px #0000000d!important}.landing-page footer,footer{background:#000!important;color:#a3a3a3!important;padding:4rem 2rem 2rem!important}body.dark-mode .landing-page footer,body.dark-mode footer{background:#f9fafb!important;color:#6b7280!important}.landing-page .footer-content,.footer-content{max-width:1400px!important;margin:0 auto!important;display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr!important;gap:4rem!important;padding-bottom:3rem!important;border-bottom:1px solid #262626!important}.landing-page .footer-logo,.footer-logo{font-family:Syne,sans-serif!important;font-size:2rem!important;font-weight:800!important;color:#fff!important;margin-bottom:1rem!important;letter-spacing:-1px!important}.landing-page .footer-tagline,.footer-tagline{margin-bottom:2rem!important;font-size:.95rem!important;line-height:1.6!important;color:#a3a3a3!important}.landing-page .theme-selector,.theme-selector{margin-top:2.5rem!important}.landing-page .theme-title,.theme-title{font-family:Lato,sans-serif!important;font-weight:600!important;color:#a3a3a3!important;margin-bottom:.75rem!important;font-size:.875rem!important;letter-spacing:0!important;text-transform:none!important}.landing-page .theme-options,.theme-options{display:flex!important;gap:.5rem!important;background:#000!important;padding:.25rem!important;border-radius:8px!important;border:1px solid #262626!important}body.dark-mode .landing-page .theme-options,body.dark-mode .theme-options{background:#171717!important;border:1px solid #262626!important}.landing-page .theme-btn,.theme-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;background:transparent!important;border:none!important;border-radius:6px!important;color:#737373!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;font-family:Lato,sans-serif!important;min-height:36px!important;flex:1!important}.landing-page .theme-btn:hover,.theme-btn:hover{background:#171717!important;color:#fff!important}body.dark-mode .landing-page .theme-btn:hover,body.dark-mode .theme-btn:hover{background:#262626!important}.landing-page .theme-btn.active,.theme-btn.active{background:#3b82f6!important;color:#fff!important}.landing-page .theme-btn svg,.theme-btn svg{flex-shrink:0!important;width:18px!important;height:18px!important}.landing-page .theme-icon,.theme-icon{font-size:1.125rem!important;line-height:1!important}.landing-page .theme-label,.theme-label{font-size:.875rem!important;font-weight:500!important;line-height:1!important}.landing-page .footer-column h4,.footer-column h4{font-family:Syne,sans-serif!important;font-weight:700!important;color:#fff!important;margin-bottom:1.5rem!important;font-size:.875rem!important;letter-spacing:1px!important;text-transform:uppercase!important}.landing-page .footer-links,.footer-links{list-style:none!important;margin:0!important;padding:0!important}.landing-page .footer-links li,.footer-links li{margin-bottom:.75rem!important}.landing-page .footer-links a,.footer-links a{color:#a3a3a3!important;text-decoration:none!important;font-size:.875rem!important;transition:color .3s ease}.landing-page .footer-links a:hover,.footer-links a:hover{color:#3b82f6!important}.landing-page .footer-bottom,.footer-bottom{padding-top:2rem!important;text-align:center!important;font-size:.875rem!important;color:#a3a3a3!important}.landing-page .logo,.logo{font-family:Syne,sans-serif!important;font-size:1.5rem!important;font-weight:800!important;color:#0a0a0a!important;letter-spacing:-1px!important;position:relative;display:inline-block;text-decoration:none!important;transition:opacity .3s ease}body.dark-mode .landing-page .logo,body.dark-mode .logo{color:#fff!important}.landing-page .logo:after,.logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background:#3b82f6;transition:width .3s ease}.landing-page .logo:hover:after,.logo:hover:after{width:100%}.landing-page .nav-menu,.nav-menu{display:flex!important;gap:3rem!important;align-items:center!important}.landing-page .nav-link,.nav-link{font-size:.875rem!important;color:#666!important;text-decoration:none!important;position:relative;transition:color .3s ease}body.dark-mode .landing-page .nav-link,body.dark-mode .nav-link{color:#d4d4d4!important}.landing-page .nav-link:after,.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.landing-page .nav-link:hover,.nav-link:hover{color:#0a0a0a!important}body.dark-mode .landing-page .nav-link:hover,body.dark-mode .nav-link:hover{color:#fff!important}.landing-page .nav-link:hover:after,.nav-link:hover:after{width:100%}.landing-page .dark-mode-toggle,.dark-mode-toggle{background:transparent!important;border:1px solid #e5e5e5!important;padding:.5rem .75rem!important;border-radius:8px!important;font-size:1.25rem!important;cursor:pointer!important;transition:all .2s ease}body.dark-mode .landing-page .dark-mode-toggle,body.dark-mode .dark-mode-toggle{border:1px solid #404040!important}.landing-page .dark-mode-toggle:hover,.dark-mode-toggle:hover{background:#f5f5f5!important;transform:scale(1.1)}body.dark-mode .landing-page .dark-mode-toggle:hover,body.dark-mode .dark-mode-toggle:hover{background:#262626!important}.landing-page .nav-cta,.nav-cta{background:#0a0a0a!important;color:#fff!important;padding:.75rem 1.5rem!important;border:none!important;border-radius:8px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease;text-decoration:none!important;display:inline-block!important}body.dark-mode .landing-page .nav-cta,body.dark-mode .nav-cta{background:#fff!important;color:#0a0a0a!important}.landing-page .nav-cta:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 1024px){.landing-page header,header{padding:1.5rem 2rem!important}.landing-page .nav-menu,.nav-menu{gap:1.5rem!important}.landing-page .nav-link:first-child,.nav-link:first-child,.landing-page .nav-link:nth-child(2),.nav-link:nth-child(2){display:none!important}}@media (max-width: 768px){.landing-page header,header{padding:1.25rem 1.5rem!important}.landing-page header.scrolled,header.scrolled{padding:1rem 1.5rem!important}.landing-page .logo,.logo{font-size:1.35rem!important}.landing-page .nav-menu,.nav-menu{gap:1.25rem!important}.landing-page .nav-cta,.nav-cta{padding:.65rem 1.25rem!important;font-size:.85rem!important}}@media (max-width: 640px){.landing-page header,header{padding:1rem 1.5rem!important}.landing-page header.scrolled,header.scrolled{padding:.75rem 1.5rem!important}.landing-page .logo,.logo{font-size:1.25rem!important}.landing-page .nav-menu,.nav-menu,.landing-page .nav-link,.nav-link,.landing-page .nav-cta,.nav-cta,.landing-page .dark-mode-toggle,.dark-mode-toggle{display:none!important}}@media (max-width: 1024px){.landing-page .footer-content,.footer-content{grid-template-columns:1fr 1fr!important;gap:3rem!important}.landing-page .footer-logo,.footer-logo{font-size:1.75rem!important}}@media (max-width: 768px){.landing-page footer,footer{padding:3rem 1.5rem 1.5rem!important}.landing-page .footer-content,.footer-content{grid-template-columns:1fr 1fr!important;gap:2.5rem!important;padding-bottom:2rem!important}.landing-page .footer-logo,.footer-logo{font-size:1.5rem!important}.landing-page .footer-tagline,.footer-tagline{font-size:.875rem!important}.landing-page .footer-column h4,.footer-column h4{font-size:.8rem!important;margin-bottom:1rem!important}.landing-page .footer-links a,.footer-links a{font-size:.8rem!important}.landing-page .footer-bottom,.footer-bottom{font-size:.8rem!important;padding-top:1.5rem!important}}@media (max-width: 640px){.landing-page footer,footer{padding:3rem 1.5rem 2rem!important}.landing-page .footer-content,.footer-content{grid-template-columns:1fr!important;gap:2rem!important;padding-bottom:2rem!important}.landing-page .footer-logo,.footer-logo{font-size:1.5rem!important}.landing-page .footer-tagline,.footer-tagline{font-size:.875rem!important;margin-bottom:1.5rem!important}.landing-page .footer-column h4,.footer-column h4{font-size:.8rem!important;margin-bottom:1rem!important}.landing-page .footer-links li,.footer-links li{margin-bottom:.5rem!important}.landing-page .footer-links a,.footer-links a{font-size:.8rem!important}.landing-page .footer-bottom,.footer-bottom{font-size:.75rem!important;padding-top:1.5rem!important}}@media (max-width: 480px){.landing-page footer,footer{padding:2.5rem 1rem 1.5rem!important}.landing-page .footer-content,.footer-content{gap:1.5rem!important;padding-bottom:1.5rem!important}.landing-page .footer-logo,.footer-logo{font-size:1.35rem!important}.landing-page .footer-tagline,.footer-tagline{font-size:.8rem!important;line-height:1.5!important}.landing-page .footer-column h4,.footer-column h4,.landing-page .footer-links a,.footer-links a{font-size:.75rem!important}.landing-page .footer-bottom,.footer-bottom{font-size:.7rem!important}}.landing-page .hero:before{display:none!important}.landing-page:before{content:""!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px)!important;background-size:50px 50px!important;z-index:0!important;opacity:.3!important;pointer-events:none!important}.landing-page.dark-mode:before{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:50px 50px!important;opacity:.5!important}.landing-page>*{position:relative;z-index:1}.landing-page .hero-background,.landing-page .features:before{background-image:none!important}.landing-page .features:before{background-image:linear-gradient(rgba(38,38,38,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(38,38,38,.5) 1px,transparent 1px)!important;background-size:50px 50px!important;opacity:.5!important}.landing-page.dark-mode:before{background:linear-gradient(180deg,rgba(59,130,246,.08) 0%,transparent 50%,rgba(59,130,246,.08) 100%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;background-size:100% 100%,50px 50px,50px 50px!important;opacity:.6!important}@media (max-width: 1200px){.landing-page h1{font-size:5rem}.landing-page .section-title{font-size:4rem}.landing-page .cta-section h2{font-size:4.5rem}}@media (max-width: 968px){.landing-page h1{font-size:3.5rem;letter-spacing:-2px}.landing-page .section-title{font-size:3rem;letter-spacing:-2px}.landing-page .features-grid,.landing-page .testimonials-grid{grid-template-columns:1fr}.landing-page .stats-container{grid-template-columns:repeat(2,1fr)}.landing-page .cta-section h2{font-size:3rem}}@media (max-width: 640px){.landing-page h1{font-size:2.5rem;letter-spacing:-1px}.landing-page .tagline{font-size:1rem}.landing-page .cta-group{flex-direction:column;gap:1rem}.landing-page .cta-primary,.landing-page .cta-secondary{width:100%;text-align:center}.landing-page .section-title{font-size:2.5rem;letter-spacing:-1px}.landing-page .typing-demo{padding:2rem}.landing-page .stats-container{grid-template-columns:1fr}.landing-page .cta-section h2{font-size:2rem}}.auth-page{min-height:100vh;display:flex;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding-top:80px}body:not(.dark-mode) .auth-page{background:#fafafa!;color:#0a0a0a}body:not(.dark-mode) .auth-page{background:#fafafa!important;color:#0a0a0a}.auth-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 6rem;max-width:50%}.auth-card{max-width:440px;width:100%}.auth-card h1{font-size:3rem;font-weight:400;line-height:1.1;margin-bottom:.5rem;font-family:Tiempos Text,Georgia,serif;color:#fff;text-align:center}body:not(.dark-mode) .auth-card h1{color:#0a0a0a}.auth-subtitle{font-size:1.125rem;color:#a0a0a0;margin-bottom:3rem;font-weight:300;text-align:center}body:not(.dark-mode) .auth-subtitle{color:#666}form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.875rem;color:#d0d0d0;font-weight:500;text-align:left}body:not(.dark-mode) .form-group label{color:#525252}.form-group input{width:100%;padding:.875rem 1rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:.9375rem;font-family:inherit;transition:all .2s ease}body.dark-mode .form-group input{background:#1a1a1a;border:1px solid #2a2a2a;color:#fff}body:not(.dark-mode) .form-group input{background:#fff;border:1px solid #e5e5e5;color:#0a0a0a}.form-group input:focus{outline:none;background:#222;border-color:#4a4a4a}body.dark-mode .form-group input:focus{background:#222;border-color:#4a4a4a}body:not(.dark-mode) .form-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#666}body:not(.dark-mode) .form-group input::placeholder{color:#a3a3a3}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;animation:slideDown .3s ease}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.875rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;animation:slideDown .3s ease}.btn-auth{width:100%;padding:.9375rem 1.5rem;background:#fff;color:#0a0a0a;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}body:not(.dark-mode) .btn-auth{background:#0a0a0a;color:#fff}.btn-auth:hover{background:#f0f0f0;transform:translateY(-1px)}body:not(.dark-mode) .btn-auth:hover{background:#1a1a1a}.btn-auth:active{transform:translateY(0)}.btn-auth:disabled{opacity:.5;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#666;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px}body:not(.dark-mode) .divider{color:#a3a3a3}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #2a2a2a}body:not(.dark-mode) .divider:before,body:not(.dark-mode) .divider:after{border-bottom:1px solid #e5e5e5}.divider span{padding:0 1rem}.btn-google{width:100%;padding:.9375rem 1.5rem;background:transparent;color:#fff;border:1px solid #2a2a2a;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease}body:not(.dark-mode) .btn-google{color:#0a0a0a;border:1px solid #e5e5e5}.btn-google:hover{background:#1a1a1a;border-color:#3a3a3a;transform:translateY(-1px)}body:not(.dark-mode) .btn-google:hover{background:#f5f5f5;border-color:#d4d4d4}.btn-google:active{transform:translateY(0)}.btn-google:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:2rem;color:#888;font-size:.875rem}body:not(.dark-mode) .auth-switch{color:#666}.auth-switch a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s ease}body:not(.dark-mode) .auth-switch a{color:#0a0a0a}.auth-switch a:hover{opacity:.8;text-decoration:underline}.auth-illustration{flex:1;display:flex;align-items:center;justify-content:center;margin:2rem;margin-left:0;position:relative;overflow:hidden;background:#0a0a0a;border-radius:24px}body.dark-mode .auth-illustration{background:#0a0a0a}body:not(.dark-mode) .auth-illustration{background:#f5f5f5}.auth-video{width:100%;height:100%;object-fit:cover;border-radius:24px}.gradient-mesh,.light-rays,.particle,.scripture-cards{display:none}.gradient-mesh{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4}.mesh-blob{position:absolute;border-radius:50%;filter:blur(60px);animation:morphBlob 15s ease-in-out infinite}.blob-1{width:400px;height:400px;top:-100px;right:-100px;background:linear-gradient(135deg,#667eea,#764ba2);animation-delay:0s}.blob-2{width:350px;height:350px;bottom:-80px;left:-80px;background:linear-gradient(135deg,#f093fb,#f5576c);animation-delay:5s}.blob-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#4facfe,#00f2fe);animation-delay:10s}body:not(.dark-mode) .mesh-blob{opacity:.35}body:not(.dark-mode) .blob-1{background:linear-gradient(135deg,#6366f1,#8b5cf6)}body:not(.dark-mode) .blob-2{background:linear-gradient(135deg,#ec4899,#f43f5e)}body:not(.dark-mode) .blob-3{background:linear-gradient(135deg,#3b82f6,#06b6d4)}@keyframes morphBlob{0%,to{transform:translate(0) scale(1);border-radius:50%}33%{transform:translate(30px,-30px) scale(1.1);border-radius:40% 60% 60% 40%}66%{transform:translate(-20px,20px) scale(.9);border-radius:60% 40% 40% 60%}}.scripture-cards{position:relative;width:100%;max-width:500px;height:600px;perspective:1000px}.scripture-card{position:absolute;width:100%;max-width:380px;padding:2.5rem;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 20px 60px #0000004d;transition:all .6s cubic-bezier(.4,0,.2,1)}body:not(.dark-mode) .scripture-card{background:#fffffff2;border:1px solid rgba(100,116,139,.15);box-shadow:0 25px 70px #00000026,0 10px 30px #0000001a}.card-1{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);z-index:3;animation:float1 8s ease-in-out infinite}.card-2{top:50%;left:50%;transform:translate(-50%,-50%) rotate(4deg) translateY(30px);z-index:2;opacity:.7;animation:float2 8s ease-in-out infinite;animation-delay:1s}.card-3{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-2deg) translateY(60px);z-index:1;opacity:.4;animation:float3 8s ease-in-out infinite;animation-delay:2s}@keyframes float1{0%,to{transform:translate(-50%,-50%) rotate(-6deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-6deg) translateY(-20px)}}@keyframes float2{0%,to{transform:translate(-50%,-50%) rotate(4deg) translateY(30px)}50%{transform:translate(-50%,-50%) rotate(4deg) translateY(10px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%) rotate(-2deg) translateY(60px)}50%{transform:translate(-50%,-50%) rotate(-2deg) translateY(40px)}}.card-icon{width:48px;height:48px;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .5s ease}body:not(.dark-mode) .card-icon{background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.card-verse{color:#fff;font-family:Tiempos Text,Georgia,serif;font-size:1.125rem;line-height:1.6;margin-bottom:1rem;font-weight:400;transition:opacity .5s ease}body:not(.dark-mode) .card-verse{color:#0f172a;font-weight:500}.card-reference{color:#fff9;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:opacity .5s ease}body:not(.dark-mode) .card-reference{color:#475569;font-weight:600}.light-rays{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.ray{position:absolute;top:50%;left:50%;width:2px;height:200px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent);transform-origin:top center;animation:rotateRay 20s linear infinite}body:not(.dark-mode) .ray{background:linear-gradient(to bottom,transparent,rgba(99,102,241,.12),transparent)}.ray-1{transform:rotate(0);animation-delay:0s}.ray-2{transform:rotate(60deg);animation-delay:3s}.ray-3{transform:rotate(120deg);animation-delay:6s}.ray-4{transform:rotate(180deg);animation-delay:9s}.ray-5{transform:rotate(240deg);animation-delay:12s}.ray-6{transform:rotate(300deg);animation-delay:15s}@keyframes rotateRay{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%;animation:floatParticle 12s ease-in-out infinite}body:not(.dark-mode) .particle{background:#6366f166;box-shadow:0 0 8px #6366f14d}.particle-1{top:15%;left:20%;animation-delay:0s}.particle-2{top:35%;right:25%;animation-delay:2s}.particle-3{bottom:25%;left:30%;animation-delay:4s}.particle-4{top:65%;right:20%;animation-delay:6s}.particle-5{bottom:40%;left:15%;animation-delay:8s}.particle-6{top:80%;right:35%;animation-delay:10s}@keyframes floatParticle{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(20px,-40px) scale(1.5);opacity:.8}}@media (max-width: 1024px){.auth-page{flex-direction:column}.auth-illustration{display:none}.auth-container{max-width:100%;padding:3rem 2rem}}@media (max-width: 640px){.auth-container{padding:2rem 1.5rem}.auth-logo{margin-bottom:3rem;font-size:1.5rem}.auth-card h1{font-size:2rem}.auth-subtitle{font-size:1rem}}.auth-page .grid-bg,.auth-page .gradient-orb-1{display:none}.meet-verse-minimal{padding:10rem 2rem 8rem;background:#0a0a0a;position:relative;overflow:hidden}body:not(.dark-mode) .meet-verse-minimal{background:#fafafa}.meet-verse-minimal:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse at center,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}body:not(.dark-mode) .meet-verse-minimal:before{background:radial-gradient(ellipse at center,rgba(59,130,246,.04) 0%,transparent 70%)}.meet-container{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.meet-badge{display:inline-block;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff9;margin-bottom:2rem}body:not(.dark-mode) .meet-badge{background:#00000008;border:1px solid rgba(0,0,0,.08);color:#00000080}.meet-title{font-size:4.5rem;font-weight:300;line-height:1.1;margin-bottom:1.5rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.03em}body:not(.dark-mode) .meet-title{color:#0a0a0a}.gradient-text{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400}.meet-description{font-size:1.25rem;line-height:1.7;color:#fff9;max-width:700px;margin:0 auto 5rem;font-weight:300}body:not(.dark-mode) .meet-description{color:#0009}.meet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:6rem;text-align:left}.meet-item{position:relative}.meet-number{font-size:.875rem;font-weight:600;color:#ffffff4d;margin-bottom:1rem;letter-spacing:.5px}body:not(.dark-mode) .meet-number{color:#0000004d}.meet-item h3{font-size:1.125rem;font-weight:500;margin-bottom:.75rem;color:#fff}body:not(.dark-mode) .meet-item h3{color:#0a0a0a}.meet-item p{font-size:.9375rem;line-height:1.6;color:#ffffff80;font-weight:300}body:not(.dark-mode) .meet-item p{color:#0009}.plans-minimal{padding:8rem 2rem;background:#0f0f0f}body:not(.dark-mode) .plans-minimal{background:#fff}.plans-wrapper{max-width:1200px;margin:0 auto}.plans-heading{font-size:2.5rem;font-weight:300;text-align:center;margin-bottom:2rem;color:#fff;letter-spacing:-.02em}body:not(.dark-mode) .plans-heading{color:#0a0a0a}.plans-tabs{display:flex;justify-content:center;margin-bottom:4rem}.tab-button{padding:.5rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}body:not(.dark-mode) .tab-button{background:#00000008;border:1px solid rgba(0,0,0,.08);color:#000c}.tab-button.active{background:#ffffff1a;border-color:#fff3;color:#fff}body:not(.dark-mode) .tab-button.active{background:#0000000f;border-color:#0000001f;color:#0a0a0a}.plans-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.plan-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}body:not(.dark-mode) .plan-card{background:#fafafa;border:1px solid rgba(0,0,0,.08)}.plan-card:hover{transform:translateY(-4px);border-color:#ffffff26;background:#ffffff0a}body:not(.dark-mode) .plan-card:hover{border-color:#0000001f;background:#f5f5f5;box-shadow:0 8px 30px #0000000f}.plan-card.featured{border-color:#3b82f64d;background:#3b82f608}body:not(.dark-mode) .plan-card.featured{border-color:#3b82f633;background:#3b82f605}.plan-card.featured:hover{border-color:#3b82f666;background:#3b82f60d}.popular-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.25rem .75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.6875rem;font-weight:600;border-radius:100px;letter-spacing:.5px;text-transform:uppercase}.plan-header{margin-bottom:1.5rem}.plan-name{font-size:1.5rem;font-weight:500;margin-bottom:.25rem;color:#fff}body:not(.dark-mode) .plan-name{color:#0a0a0a}.plan-desc{font-size:.875rem;color:#ffffff80;font-weight:300}body:not(.dark-mode) .plan-desc{color:#00000080}.plan-price{margin-bottom:.5rem}.price-main{font-size:2.5rem;font-weight:600;color:#fff;letter-spacing:-.02em}body:not(.dark-mode) .price-main{color:#0a0a0a}.price-period{font-size:1rem;color:#fff6;margin-left:.25rem}body:not(.dark-mode) .price-period{color:#0006}.price-subtext{font-size:.8125rem;color:#fff6;margin-bottom:1.5rem}body:not(.dark-mode) .price-subtext{color:#0006}.plan-btn{width:100%;padding:.75rem 1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:2rem;font-family:inherit}body:not(.dark-mode) .plan-btn{background:#0000000a;border:1px solid rgba(0,0,0,.1);color:#0a0a0a}.plan-btn:hover{background:#ffffff1f;border-color:#fff3}body:not(.dark-mode) .plan-btn:hover{background:#0000000f;border-color:#00000026}.plan-btn.primary{background:#fff;color:#0a0a0a;border:none}body:not(.dark-mode) .plan-btn.primary{background:#0a0a0a;color:#fff}.plan-btn.primary:hover{background:#fffffff2}body:not(.dark-mode) .plan-btn.primary:hover{background:#1a1a1a}.plan-features{display:flex;flex-direction:column;gap:.75rem}.features-label{font-size:.75rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}body:not(.dark-mode) .features-label{color:#0006}.feature-row{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#ffffffb3}body:not(.dark-mode) .feature-row{color:#000000b3}.feature-row svg{flex-shrink:0;color:#3b82f6cc;width:16px;height:16px}.plans-footnote{text-align:center;font-size:.8125rem;color:#fff6;margin-top:2rem}body:not(.dark-mode) .plans-footnote{color:#0006}.faq-section{padding:8rem 2rem;background:#0a0a0a}body:not(.dark-mode) .faq-section{background:#fafafa}.faq-container{max-width:800px;margin:0 auto}.faq-heading{font-size:2.5rem;font-weight:300;text-align:center;margin-bottom:4rem;color:#fff;letter-spacing:-.02em}body:not(.dark-mode) .faq-heading{color:#0a0a0a}.faq-list{display:flex;flex-direction:column;gap:1px;background:#ffffff0d;border-radius:12px;overflow:hidden}body:not(.dark-mode) .faq-list{background:#0000000d}.faq-item{background:#0f0f0f;transition:background .2s ease}body:not(.dark-mode) .faq-item{background:#fff}.faq-question{width:100%;padding:1.75rem 2rem;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-size:1rem;font-weight:500;color:#fff;font-family:inherit;transition:all .2s ease}body:not(.dark-mode) .faq-question{color:#0a0a0a}.faq-question:hover{color:#fffc}body:not(.dark-mode) .faq-question:hover{color:#000c}.faq-icon{flex-shrink:0;color:#fff6;transition:transform .3s cubic-bezier(.4,0,.2,1)}body:not(.dark-mode) .faq-icon{color:#0006}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-answer{max-height:500px}.faq-answer p{padding:0 2rem 1.75rem;font-size:.9375rem;line-height:1.7;color:#fff9;font-weight:300}body:not(.dark-mode) .faq-answer p{color:#0009}.auth-page{min-height:100vh!important;display:flex!important;background:#0a0a0a!important;color:#fff!important;padding-top:80px!important;position:relative!important}body:not(.dark-mode) .auth-page{background:#fafafa!important;color:#0a0a0a!important}.auth-page:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:50px 50px!important;opacity:.5!important;z-index:0!important;pointer-events:none!important}body:not(.dark-mode) .auth-page:before{background-image:linear-gradient(rgba(229,229,229,1) 1px,transparent 1px),linear-gradient(90deg,rgba(229,229,229,1) 1px,transparent 1px)!important;opacity:.2!important}.auth-container,.auth-illustration{position:relative!important;z-index:1!important}.auth-container{background:transparent!important}.auth-page .form-group input{background:#1a1a1a!important;border:1px solid #2a2a2a!important;color:#fff!important}body:not(.dark-mode) .auth-page .form-group input{background:#fff!important;border:1px solid #e5e5e5!important;color:#0a0a0a!important}.auth-page .form-group input:focus{background:#222!important;border-color:#4a4a4a!important}body:not(.dark-mode) .auth-page .form-group input:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.auth-page .btn-auth{background:#fff!important;color:#0a0a0a!important}body:not(.dark-mode) .auth-page .btn-auth{background:#0a0a0a!important;color:#fff!important}.auth-page .btn-auth:hover{background:#f0f0f0!important}body:not(.dark-mode) .auth-page .btn-auth:hover{background:#1a1a1a!important}.auth-page .btn-google{background:transparent!important;border:1px solid #2a2a2a!important;color:#fff!important}body:not(.dark-mode) .auth-page .btn-google{border:1px solid #e5e5e5!important;color:#0a0a0a!important}.auth-page .btn-google:hover{background:#1a1a1a!important;border-color:#3a3a3a!important}body:not(.dark-mode) .auth-page .btn-google:hover{background:#f5f5f5!important;border-color:#d4d4d4!important}.auth-illustration{background:#0a0a0a!important}body:not(.dark-mode) .auth-illustration{background:#f5f5f5!important}.auth-page .divider{color:#666!important}body:not(.dark-mode) .auth-page .divider{color:#a3a3a3!important}.auth-page .divider:before,.auth-page .divider:after{border-bottom:1px solid #2a2a2a!important}body:not(.dark-mode) .auth-page .divider:before,body:not(.dark-mode) .auth-page .divider:after{border-bottom:1px solid #e5e5e5!important}.meet-verse-minimal{background:#0a0a0a!important}body:not(.dark-mode) .meet-verse-minimal{background:#fafafa!important}.plans-minimal{background:#0f0f0f!important}body:not(.dark-mode) .plans-minimal{background:#fff!important}.faq-section{background:#0a0a0a!important}body:not(.dark-mode) .faq-section{background:#fafafa!important}.meet-verse-minimal:before,.meet-verse-minimal:after,.plans-minimal:before,.plans-minimal:after,.faq-section:before,.faq-section:after{display:none!important}body:has(.auth-page){background:#0a0a0a!important}body:not(.dark-mode):has(.auth-page){background:#fafafa!important}.auth-help-text{margin-top:12px;font-size:13px;color:#666;text-align:center;font-weight:300}body:not(.dark-mode) .auth-help-text{color:#a3a3a3}.btn-text-link{background:none;border:none;color:#fffc;cursor:pointer;font-size:14px;padding:8px;text-decoration:underline;text-decoration-color:#ffffff4d;transition:all .2s ease;width:100%;margin-top:12px;font-family:inherit;font-weight:400}body:not(.dark-mode) .btn-text-link{color:#000000b3;text-decoration-color:#0003}.btn-text-link:hover:not(:disabled){color:#fff;text-decoration-color:#fff9}body:not(.dark-mode) .btn-text-link:hover:not(:disabled){color:#0a0a0a;text-decoration-color:#0006}.btn-text-link:disabled{opacity:.5;cursor:not-allowed}input[type=text][maxlength="6"]{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace!important;font-size:28px!important;letter-spacing:14px!important;text-align:center!important;padding:20px 16px!important;font-weight:600!important;text-indent:14px}body.dark-mode input[type=text][maxlength="6"]{background:#1a1a1a!important;border:2px solid #2a2a2a!important;color:#fff!important}body:not(.dark-mode) input[type=text][maxlength="6"]{background:#fff!important;border:2px solid #e5e5e5!important;color:#0a0a0a!important}input[type=text][maxlength="6"]:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}body.dark-mode input[type=text][maxlength="6"]:focus{background:#222!important;border-color:#3b82f6!important}body:not(.dark-mode) input[type=text][maxlength="6"]:focus{background:#fff!important;border-color:#3b82f6!important}.form-group label{display:block;font-size:14px;margin-bottom:8px;color:#ffffffb3;font-weight:500;text-align:left}body:not(.dark-mode) .form-group label{color:#000000b3}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center;animation:slideDown .3s ease}body:not(.dark-mode) .success-message{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#16a34a}.auth-actions-row{display:flex;gap:12px;margin-top:16px}.auth-actions-row .btn-text-link{flex:1;margin-top:0}.auth-steps{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.auth-step{width:32px;height:4px;background:#ffffff1a;border-radius:2px;transition:all .3s ease}body:not(.dark-mode) .auth-step{background:#0000001a}.auth-step.active{background:#fffc}body:not(.dark-mode) .auth-step.active{background:#000c}.btn-loading{position:relative;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}body:not(.dark-mode) .btn-loading:after{border-color:#0003;border-top-color:#0a0a0a}@media (max-width: 768px){input[type=text][maxlength="6"]{font-size:24px!important;letter-spacing:10px!important;text-indent:10px}.auth-help-text{font-size:12px}.btn-text-link{font-size:13px}}@media (max-width: 480px){input[type=text][maxlength="6"]{font-size:20px!important;letter-spacing:8px!important;text-indent:8px;padding:16px 12px!important}}input[type=text][maxlength="6"]::-webkit-outer-spin-button,input[type=text][maxlength="6"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=text][maxlength="6"][inputmode=numeric]{-moz-appearance:textfield}input[type=text][maxlength="6"]:-webkit-autofill,input[type=text][maxlength="6"]:-webkit-autofill:hover,input[type=text][maxlength="6"]:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px #1a1a1a inset;transition:background-color 5000s ease-in-out 0s}body:not(.dark-mode) input[type=text][maxlength="6"]:-webkit-autofill,body:not(.dark-mode) input[type=text][maxlength="6"]:-webkit-autofill:hover,body:not(.dark-mode) input[type=text][maxlength="6"]:-webkit-autofill:focus{-webkit-text-fill-color:#0a0a0a;-webkit-box-shadow:0 0 0px 1000px white inset}@media (max-width: 1024px){.meet-grid{grid-template-columns:1fr;gap:2.5rem}.plans-row{grid-template-columns:1fr}.plan-card.featured{order:-1}}@media (max-width: 768px){.meet-verse-minimal{padding:6rem 1.5rem 5rem}.meet-title{font-size:3rem}.meet-description{font-size:1.125rem}.plans-minimal,.faq-section{padding:5rem 1.5rem}.plans-heading,.faq-heading{font-size:2rem}.faq-question{padding:1.25rem 1.5rem;font-size:.9375rem}.faq-answer p{padding:0 1.5rem 1.25rem}}.payment-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-modal-content{background:#fff;border-radius:16px;padding:3rem;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#666;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f5f5f5;color:#000}.payment-modal-content h2{font-family:Syne,sans-serif;font-size:2rem;margin-bottom:1rem;color:#000}.modal-price{font-size:1.5rem;font-weight:600;color:#3b82f6;margin-bottom:2rem}.paystack-payment{width:100%}.paystack-button{width:100%;padding:1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.paystack-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.paystack-button:active{transform:translateY(0)}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:overlay-fade-in .4s ease;overflow-y:auto}.dark-mode .onboarding-overlay,body.dark-mode .onboarding-overlay,[data-theme=dark] .onboarding-overlay{background:var(--bg-primary)}.onboarding-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:24px;max-width:580px;width:100%;max-height:90vh;margin:auto;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000001a,0 0 0 1px #3b82f61a;animation:container-slide-up .5s cubic-bezier(.4,0,.2,1);position:relative;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.onboarding-container::-webkit-scrollbar{display:none}.onboarding-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.03) 0%,transparent 50%);pointer-events:none;animation:divine-pulse 8s ease-in-out infinite}@keyframes divine-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes container-slide-up{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);overflow:hidden;border-radius:24px 24px 0 0}.onboarding-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.onboarding-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.onboarding-step{text-align:center;animation:step-fade-in .4s ease;position:relative;z-index:1}@keyframes step-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-icon{font-size:4rem;margin-bottom:1.5rem;animation:icon-float 3s ease-in-out infinite;display:inline-block}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-step h1{font-size:2rem;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.02em;font-family:Tiempos Text,Georgia,serif}.onboarding-subtitle{font-size:1rem;color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.5;font-weight:400}.onboarding-container .btn-primary,.onboarding-form .btn-primary{width:100%!important;max-width:100%!important;padding:.875rem 1.5rem!important;white-space:normal!important}.form-group{text-align:left;margin-bottom:1.5rem}.form-group label{display:block;font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.625rem}.form-group input{width:100%;padding:.875rem 1.125rem;font-size:1rem;border:1.5px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-light)}.form-group input::placeholder{color:var(--text-muted)}.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.age-option{padding:1rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;min-height:56px;display:flex;align-items:center;justify-content:center}.dark-mode .age-option,body.dark-mode .age-option,[data-theme=dark] .age-option{background:transparent!important;border-color:#ffffff26!important}.age-option:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.dark-mode .age-option:hover,body.dark-mode .age-option:hover,[data-theme=dark] .age-option:hover{background:#3b82f626!important;border-color:#3b82f6!important}.age-option:active{transform:translateY(0)}.knowledge-grid{display:grid;grid-template-columns:1fr;gap:.875rem;margin-bottom:2rem}.knowledge-card{padding:1.5rem 1.25rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;flex-direction:column;gap:.5rem;font-family:inherit}.dark-mode .knowledge-card,body.dark-mode .knowledge-card,[data-theme=dark] .knowledge-card{background:transparent!important;border-color:#ffffff26!important}.knowledge-card:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.dark-mode .knowledge-card:hover,body.dark-mode .knowledge-card:hover,[data-theme=dark] .knowledge-card:hover{background:#3b82f626!important;border-color:#3b82f6!important}.knowledge-icon{font-size:2rem;display:block}.knowledge-label{font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.knowledge-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:2rem}.interest-card{padding:1.25rem 1rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;flex-direction:column;gap:.5rem;position:relative;font-family:inherit;min-height:92px}.dark-mode .interest-card,body.dark-mode .interest-card,[data-theme=dark] .interest-card{background:transparent!important;border-color:#ffffff26!important}.interest-card:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.dark-mode .interest-card:hover,body.dark-mode .interest-card:hover,[data-theme=dark] .interest-card:hover{background:#3b82f626!important;border-color:#3b82f6!important}.interest-card.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px #3b82f614}.dark-mode .interest-card.selected,body.dark-mode .interest-card.selected,[data-theme=dark] .interest-card.selected{background:#3b82f633!important;border-color:#3b82f6!important}.interest-icon{font-size:1.75rem;display:block}.interest-label{font-size:.9375rem;font-weight:500;color:var(--text-primary);line-height:1.3}.interest-check{position:absolute;top:.625rem;right:.625rem;width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;animation:check-pop .3s cubic-bezier(.4,0,.2,1)}.btn-primary{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 4px 12px #3b82f64d;min-height:52px}.dark-mode .btn-primary,body.dark-mode .btn-primary,[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-text{background:transparent;border:none;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;padding:.5rem;font-family:inherit;display:inline-flex;align-items:center;gap:.375rem}.btn-text:hover{color:var(--text-primary)}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.onboarding-actions .btn-primary{flex:1}.onboarding-hint{margin-top:1.5rem;font-size:.8125rem;color:var(--text-muted);line-height:1.5}@media (max-width: 768px){.onboarding-container{padding:2.5rem 1.75rem;border-radius:20px;max-height:85vh}.onboarding-step h1{font-size:1.75rem}.onboarding-subtitle{font-size:.9375rem;margin-bottom:2rem}.onboarding-icon{font-size:3.5rem;margin-bottom:1.25rem}.interests-grid{gap:.75rem}.interest-card{padding:1rem .875rem;min-height:84px}.age-grid{gap:.625rem}}@media (max-width: 480px){.onboarding-overlay{padding:1rem}.onboarding-container{padding:2rem 1.5rem;max-height:80vh}.onboarding-step h1{font-size:1.5rem}.onboarding-icon{font-size:3rem}.age-grid{grid-template-columns:repeat(2,1fr)}.interests-grid{grid-template-columns:1fr}.interest-card{flex-direction:row;align-items:center;gap:.875rem;min-height:68px}.interest-icon{font-size:1.5rem}.interest-label{font-size:.875rem}}.dark-mode .onboarding-container,body.dark-mode .onboarding-container,[data-theme=dark] .onboarding-container{box-shadow:0 20px 60px #0009,0 0 0 1px #3b82f633}.dark-mode .form-group input,body.dark-mode .form-group input,[data-theme=dark] .form-group input{background:transparent!important;border-color:#ffffff26!important}.dark-mode .form-group input:focus,body.dark-mode .form-group input:focus,[data-theme=dark] .form-group input:focus{background:#ffffff08!important;border-color:#3b82f6!important}.avatar-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlay-fade-in .3s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.avatar-picker-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;max-width:600px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modal-slide-up .4s cubic-bezier(.4,0,.2,1)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-picker-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.avatar-picker-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;font-family:Tiempos Text,Georgia,serif}.close-picker{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-picker:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--text-primary)}.avatar-categories{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);scrollbar-width:none}.avatar-categories::-webkit-scrollbar{display:none}.category-btn{padding:.5rem 1rem!important;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.category-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--text-primary)}.category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.current-avatar-display{padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:.625rem}.current-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-align:center}.current-avatar-large{width:72px;height:72px;font-size:3.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:2px solid var(--border);border-radius:50%;animation:avatar-float 3s ease-in-out infinite}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-grid{flex:1;overflow-y:auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem}.avatar-grid::-webkit-scrollbar{width:6px}.avatar-grid::-webkit-scrollbar-track{background:transparent}.avatar-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.avatar-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.avatar-option{position:relative;aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem}.avatar-option:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-4px);box-shadow:0 8px 20px #3b82f633}.avatar-option.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px #3b82f626}.avatar-emoji{font-size:2.5rem;line-height:1}.avatar-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border);padding:.25rem .625rem;border-radius:6px;font-size:.75rem;color:var(--text-secondary);white-space:nowrap;box-shadow:0 2px 8px #0000001a;z-index:10;pointer-events:none}.selected-indicator{position:absolute;top:.375rem;right:.375rem;width:20px;height:20px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;animation:check-pop .3s cubic-bezier(.4,0,.2,1)}@keyframes check-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.avatar-picker-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:center}.btn-save-avatar{padding:.875rem 2rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.btn-save-avatar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.avatar-display{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;flex-shrink:0;transition:all .2s ease}.avatar-display-sm{width:32px;height:32px;font-size:1.25rem}.avatar-display-md{width:40px;height:40px;font-size:1.5rem}.avatar-display-lg{width:56px;height:56px;font-size:2rem}.avatar-display.clickable{cursor:pointer}.avatar-display.clickable:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 4px 12px #3b82f633}@media (max-width: 768px){.avatar-picker-modal{max-height:90vh}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.875rem;padding:1rem}.avatar-emoji{font-size:2rem}.current-avatar-large{width:64px;height:64px;font-size:3rem}}@media (max-width: 480px){.avatar-picker-header{padding:1.25rem}.avatar-picker-header h2{font-size:1.125rem}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}.avatar-option{padding:.5rem}.avatar-emoji{font-size:1.75rem}}body.dark-mode .avatar-picker-modal{box-shadow:0 20px 60px #0009}body.dark-mode .avatar-option:hover{box-shadow:0 8px 20px #3b82f64d}.chat-page{display:flex;height:100vh;overflow:hidden;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.chat-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:100;width:44px;height:44px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:10px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s;box-shadow:var(--shadow-sm)}.mobile-menu-toggle:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.mobile-menu-toggle svg{width:20px;height:20px}.chat-sidebar{width:280px;background:var(--bg-sidebar);display:flex;flex-direction:column;border-right:1px solid var(--border);position:relative;z-index:10;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:1rem}.sidebar-logo-section{display:flex;align-items:center;gap:.75rem}.sidebar-collapse-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--accent)}.sidebar-logo{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-1px;color:var(--text-primary);text-align:left;flex:1;transition:opacity .3s ease}.chat-sidebar.sidebar.collapsed .sidebar-logo-section,.chat-sidebar.sidebar.collapsed .sidebar-actions,.chat-sidebar.sidebar.collapsed .chat-section-title{display:none}.chat-sidebar.sidebar.collapsed .sidebar-collapsed-logo{display:flex;align-items:center;justify-content:center;width:100%}.chat-sidebar.sidebar.collapsed .sidebar-collapsed-logo img{width:40px;height:40px;object-fit:contain;transition:transform .2s ease,filter .2s ease}.chat-sidebar.sidebar.collapsed .sidebar-collapsed-logo img:hover{transform:scale(1.1);filter:brightness(1.1)}.icon-btn{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--accent)}.btn-new-chat{flex:1;padding:.625rem .875rem;background:transparent;color:var(--text-primary);border:1px solid var(--border);font-weight:500;font-size:.875rem;border-radius:8px;transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:.625rem;font-family:inherit;min-height:36px}.btn-new-chat:hover{background:var(--bg-primary);border-color:var(--accent)}.btn-new-chat span{font-weight:500}.sidebar-content{flex:1;overflow-y:auto;padding:.5rem}.sidebar-section{margin-bottom:1rem}.chat-history-empty{padding:2rem 1rem;text-align:center}.chat-history-empty p{font-size:.8125rem;color:var(--text-muted);margin:0}.sidebar-footer{border-top:1px solid var(--border);padding:.75rem}.chat-sidebar.sidebar.collapsed .sidebar-footer{padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center}.chat-sidebar.sidebar.collapsed .user-menu{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:center}.chat-sidebar.sidebar.collapsed .user-menu-item{width:44px;height:44px;padding:.625rem;justify-content:center;margin:0;border-radius:10px}.chat-sidebar.sidebar.collapsed .user-menu-item span{display:none}.chat-sidebar.sidebar.collapsed .user-menu-item svg{margin:0}.chat-sidebar.sidebar.collapsed .user-profile{width:44px;height:44px;padding:0;justify-content:center;margin:0}.chat-sidebar.sidebar.collapsed .user-details{display:none}.user-menu{display:flex;flex-direction:column;gap:2px;margin-bottom:.75rem}.user-menu-item{width:100%;display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;min-height:44px}.user-menu-item:hover{background:var(--bg-primary);color:var(--text-primary)}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border)}.user-details{flex:1;min-width:0}.user-email{font-size:.8125rem;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.user-plan{font-size:.75rem;color:var(--text-muted)}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);position:relative;z-index:1;min-width:0}.chat-messages{flex:1;overflow-y:auto;padding:3rem 2rem;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background .2s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.chat-empty{max-width:700px;margin:0 auto;text-align:center;padding:4rem 2rem;animation:fade-in .6s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon{font-size:4rem;margin-bottom:2rem;animation:gentle-float 4s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chat-empty h2{font-size:2rem;font-weight:500;margin-bottom:.75rem;font-family:Tiempos Text,Georgia,serif;letter-spacing:-.02em;color:var(--text-primary);animation:gentle-slide-in .5s ease-out;background:linear-gradient(135deg,var(--text-primary) 60%,var(--accent) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto}@keyframes gentle-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-empty p{color:var(--text-secondary);font-size:1rem;margin-bottom:3rem;line-height:1.6;font-weight:300;animation:gentle-slide-in .5s ease-out .1s both}.suggestions{display:grid;gap:.75rem;max-width:600px;margin:0 auto}.suggestions button{padding:1.125rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;text-align:left;color:var(--text-primary);font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1.5;cursor:pointer;font-weight:400;min-height:52px}.suggestions button:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.suggestions button:active{transform:translateY(0)}.message{display:flex;gap:1rem;max-width:900px;opacity:0;animation:message-slide-in .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes message-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-user{margin-left:auto;flex-direction:row-reverse;width:fit-content;max-width:80%}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:.8125rem}.verse-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #3b82f633;animation:none}.verse-dove{font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));animation:none}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}body.dark-mode .verse-avatar{box-shadow:0 1px 6px #3b82f64d}body.dark-mode .verse-avatar:hover{box-shadow:0 2px 8px #3b82f666}.message-content{flex:1;min-width:0}.message-role{font-size:.6875rem;font-weight:500;color:var(--text-muted);margin-bottom:.375rem;text-transform:none;letter-spacing:0px;opacity:.7}.message-text{background:var(--bg-secondary);padding:1rem 1.25rem;border-radius:14px;color:var(--text-primary);font-size:.9375rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.message-user .message-text{background:var(--accent);color:#fff}.message-time{font-size:.6875rem;color:var(--text-muted)}.message-error .message-text{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}body.dark-mode .message-error .message-text{background:#dc262626;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.typing-indicator{display:flex;gap:.375rem;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typing-bounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input-container{padding:1rem 2rem 1.5rem;background:var(--bg-primary);border-top:1px solid var(--border);position:sticky;bottom:0;z-index:10;display:flex;justify-content:center;align-items:center}.chat-input-form{width:100%;max-width:900px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;align-items:center}.chat-input-form textarea{flex:1 1 auto;min-width:0;padding:.75rem 1rem;border:1px solid var(--border);border-radius:24px;font-size:.9375rem;line-height:1.5;resize:none;overflow-y:auto;max-height:150px;height:44px;background:var(--bg-secondary);transition:all .2s ease;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-input-form textarea::-webkit-scrollbar{width:6px}.chat-input-form textarea::-webkit-scrollbar-track{background:transparent}.chat-input-form textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-input-form textarea::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.chat-input-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.chat-input-form textarea::placeholder{color:var(--text-muted)}.btn-send{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;flex-grow:0;background:var(--accent);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.btn-send:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}.btn-send:active:not(:disabled){transform:scale(.95)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.input-hint{display:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block;opacity:1}.formatted-message{line-height:1.7}.formatted-message p{margin-bottom:1em;margin-top:0}.formatted-message p:last-child{margin-bottom:0}.formatted-message h3,.formatted-message h4,.formatted-message h5,.formatted-message h6{font-weight:600;margin-top:1.5em;margin-bottom:.5em;color:inherit}.formatted-message h3{font-size:1.1em}.formatted-message h4,.formatted-message h5,.formatted-message h6{font-size:1em}.formatted-message h3:first-child,.formatted-message h4:first-child,.formatted-message h5:first-child,.formatted-message h6:first-child{margin-top:0}.formatted-message strong{font-weight:600;color:inherit;font-family:Lato,sans-serif}.formatted-message em{font-style:italic}.message-text{white-space:pre-wrap;word-wrap:break-word}.message-ai .message-text{max-width:100%;line-height:1.7}.message-ai .formatted-message strong{background:linear-gradient(120deg,transparent 0%,rgba(59,130,246,.05) 100%);padding:0 2px;border-radius:2px}body.dark-mode .message-ai .formatted-message strong{background:linear-gradient(120deg,transparent 0%,rgba(59,130,246,.08) 100%)}.chat-history-list{display:flex;flex-direction:column;gap:2px}.chat-history-loading{padding:2rem 1rem;text-align:center}.chat-history-loading p{font-size:.8125rem;color:var(--text-muted);margin:0}.chat-history-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s;background:transparent;border:1px solid transparent;min-height:44px}.chat-history-item:hover{background:var(--bg-primary);border-color:var(--border)}.chat-history-item.active{background:var(--accent-light);border-color:var(--accent)}.chat-history-content{flex:1;min-width:0}.chat-history-title{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.chat-history-time{font-size:.6875rem;color:var(--text-muted)}.chat-history-delete{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .2s}.chat-history-item:hover .chat-history-delete{opacity:1}.chat-history-delete:hover{background:var(--bg-secondary);color:#ef4444}.chat-history-delete:active{transform:scale(.95)}.message-actions-container{position:relative;margin-top:.5rem}.message-actions{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:var(--shadow-sm);width:fit-content;opacity:0;transform:translateY(-4px);transition:all .2s ease;pointer-events:none}.message:hover .message-actions{opacity:1;transform:translateY(0);pointer-events:all}@media (hover: none) and (pointer: coarse){.message-actions{opacity:1;transform:translateY(0);pointer-events:all}}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.action-btn:hover{background:var(--accent-light);color:var(--accent)}.action-btn.favorited{color:#ef4444}.action-btn.favorited:hover{color:#dc2626;background:#ef44441a}.chat-search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:flex-start;justify-content:center;padding:5rem 1rem 1rem;animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.search-modal-content{background:var(--bg-primary);border-radius:16px;max-width:600px;width:100%;box-shadow:var(--shadow-lg);animation:modal-slide-down .3s cubic-bezier(.4,0,.2,1);max-height:70vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--accent)}@keyframes modal-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.search-input{flex:1;padding:.625rem 0;font-size:1rem;border:none;background:transparent;color:var(--text-primary);font-family:inherit}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-muted)}.close-search{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.close-search:hover{background:var(--bg-secondary);color:var(--text-primary)}.search-results{flex:1;overflow-y:auto;padding:.5rem}.search-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9375rem}.search-result-item{padding:.875rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.search-result-item:hover{background:var(--bg-secondary)}.search-result-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-time{font-size:.8125rem;color:var(--text-muted)}.message-edit{display:flex;flex-direction:column;gap:.75rem}.edit-textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;border:1.5px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:80px;line-height:1.5}.edit-textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.edit-actions{display:flex;gap:.5rem;align-items:center}.btn-save-edit,.btn-cancel-edit{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;border:none}.btn-save-edit{background:var(--accent);color:#fff}.btn-save-edit:hover{background:var(--accent-hover)}.btn-cancel-edit{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-cancel-edit:hover{background:var(--bg-secondary);color:var(--text-primary)}.message-footer{display:flex;align-items:center;gap:.75rem}.sidebar-actions{display:flex;gap:.5rem;align-items:center}.icon-btn{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.icon-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-hover)}.btn-new-chat{flex:1;min-height:36px}.chat-history-group{margin-bottom:1.5rem}.chat-history-group:last-child{margin-bottom:0}.chat-section-title{padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.chat-history-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.chat-history-item:hover .chat-history-actions{opacity:1}.chat-history-action-btn{width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:0}.chat-history-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.chat-title-input{width:100%;padding:.25rem .5rem;font-size:.875rem;background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-family:inherit;font-weight:500}.chat-title-input:focus{outline:none}.questions-remaining{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:var(--accent-light);border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:.75rem;font-size:.8125rem;color:var(--text-primary);font-weight:500}.questions-remaining svg{color:var(--accent);flex-shrink:0}@media (max-width: 768px){.message-actions{background:transparent;border:none;box-shadow:none;padding:0;justify-content:flex-end;margin-top:.5rem;opacity:1;transform:translateY(0);pointer-events:all;gap:2px}.action-btn{width:28px;height:28px;color:var(--text-muted);opacity:.7}.action-btn:active{background:var(--accent-light);color:var(--accent);opacity:1}.action-btn.favorited{color:#ef4444;opacity:1}}.chat-search-modal{padding:1rem;align-items:center}.search-modal-content{max-height:80vh}.chat-history-actions{opacity:1}.chat-history-action-btn{width:32px;height:32px}.chat-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.toolbar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;position:relative}.toolbar-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn .badge{background:var(--primary-color);color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:10px;font-weight:600}.toolbar-btn svg{flex-shrink:0}@media (max-width: 768px){.toolbar-btn .btn-label{display:none}.toolbar-btn{padding:.5rem}}.action-btn.bookmarked{color:var(--primary-color)}.action-btn.bookmarked:hover{color:var(--primary-dark)}.bookmarks-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.bookmarks-panel{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column}.bookmarks-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.bookmarks-header h2{font-size:1.5rem;font-weight:600;margin:0;font-family:Tiempos Text,Georgia,serif;color:var(--text-primary)}.close-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.bookmarks-list{overflow-y:auto;padding:1rem;flex:1}.empty-bookmarks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.empty-bookmarks svg{margin-bottom:1rem}.empty-bookmarks p{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-bookmarks small{font-size:.875rem;opacity:.7}.bookmark-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:.75rem;display:flex;gap:1rem;transition:all .2s ease}.bookmark-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.bookmark-content{flex:1;min-width:0}.bookmark-question{color:var(--text-primary);font-size:.9375rem;font-weight:500;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-question strong{color:var(--primary-color);margin-right:.25rem}.bookmark-answer{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.bookmark-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-tertiary)}.bookmark-chat-title{font-style:italic}.bookmark-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.btn-view,.btn-remove{padding:.5rem .75rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-view{background:var(--primary-color);color:#fff}.btn-view:hover{background:var(--primary-dark)}.btn-remove{background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#ef44441a;color:#ef4444}.summary-panel{position:fixed;bottom:80px;right:1.5rem;width:400px;max-width:calc(100vw - 3rem);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:100}.summary-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.summary-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.summary-content{padding:1rem;max-height:300px;overflow-y:auto}.summary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.summary-text{color:var(--text-primary);line-height:1.6;font-size:.9375rem}.summary-empty{text-align:center;padding:2rem 1rem}.summary-empty p{color:var(--text-secondary);margin-bottom:1rem}.study-plan-modal{max-width:500px;width:100%}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.study-plan-form{padding:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary);font-size:.9375rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9375rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease}.study-plan-modal{max-width:500px;text-align:left}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:0}.modal-header h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;font-family:Tiempos Text,Georgia,serif;display:flex;align-items:center;gap:.5rem}.modal-header .close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.modal-header .close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.study-plan-form{padding:0}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:2rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:.9375rem;font-family:Lato,sans-serif}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-family:Lato,sans-serif;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-light)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23525252' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}body.dark-mode .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a3a3a3' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.modal-actions{display:flex;gap:.75rem;justify-content:center;padding-top:1rem;border-top:1px solid var(--border);margin-top:0}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9375rem;font-family:Lato,sans-serif;white-space:nowrap;flex:1;max-width:180px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--border-hover)}.streaming-cursor{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:text-bottom;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 640px){.modal-content{width:90%;padding:1.5rem;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:1.25rem}.form-group{margin-bottom:1.25rem}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;max-width:none}}body.modal-open{overflow:hidden}@media (max-width: 768px){.summary-panel{left:1rem;right:1rem;width:auto;bottom:70px}.bookmarks-panel{max-height:90vh;margin:.5rem}.bookmark-item{flex-direction:column}.bookmark-actions{flex-direction:row;justify-content:flex-end}}.dark-mode .toolbar-btn{border-color:#ffffff1a}.dark-mode .toolbar-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--primary-color)}.dark-mode .bookmark-item{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .bookmark-item:hover{background:#ffffff14}@media (max-width: 480px){.search-header{padding:.875rem 1rem}.search-result-item{padding:.75rem .875rem}.edit-actions{flex-direction:column;width:100%}.btn-save-edit,.btn-cancel-edit{width:100%}}body.dark-mode .message-actions{background:var(--bg-secondary);box-shadow:0 4px 12px #0000004d}body.dark-mode .chat-search-modal{background:#000000b3}@media (max-width: 768px){.chat-history-item{padding:.875rem .75rem}.chat-history-title{font-size:.8125rem}.chat-history-delete{opacity:1}}@media (max-width: 480px){.chat-history-item{padding:.75rem}.chat-history-title{font-size:.8125rem}.chat-history-time{font-size:.6875rem}}@media (max-width: 768px){.formatted-message{line-height:1.65}.formatted-message p{margin-bottom:.875em}.formatted-message h3,.formatted-message h4{margin-top:1.25em;margin-bottom:.5em}.formatted-message h3{font-size:1.05em}.message-ai .message-text{line-height:1.65}}@media (max-width: 480px){.formatted-message{line-height:1.6}.formatted-message h3{font-size:1em}}@media (max-width: 1024px){.chat-sidebar{width:260px}.chat-messages{padding:2.5rem 1.5rem}.chat-input-container{padding:1rem 1.5rem 1.25rem}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.chat-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;transform:translate(-100%);z-index:99;box-shadow:var(--shadow-lg)}.chat-sidebar.open{transform:translate(0)}.chat-messages{padding:1.5rem 1rem;padding-bottom:max(8rem,calc(env(safe-area-inset-bottom) + 8rem))}.message{gap:.75rem}.message-avatar{width:28px;height:28px;font-size:.75rem}.verse-avatar{width:28px;height:28px}.verse-dove{font-size:.875rem}.message-role{font-size:.625rem;opacity:.6}.message-text{font-size:.875rem;padding:.875rem 1rem;border-radius:12px}.message-role{font-size:.6875rem}.message-time{font-size:.625rem}.chat-empty{padding:2rem 1rem}.chat-empty h2{font-size:1.5rem;margin-bottom:.5rem}.chat-empty p{font-size:.875rem;margin-bottom:2rem}.empty-icon{font-size:2.5rem;margin-bottom:1.5rem}.suggestions{gap:.625rem}.suggestions button{padding:1rem 1.125rem;font-size:.875rem;border-radius:10px;min-height:52px}.chat-input-container{padding:.75rem 1rem 1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.chat-input-form{gap:.5rem}.chat-input-form textarea{font-size:.875rem;padding:.75rem 1rem;border-radius:20px;min-height:44px}.btn-send{width:44px;height:44px}.input-hint{font-size:.6875rem}}@media (max-width: 480px){.mobile-menu-toggle{width:40px;height:40px;top:.75rem;left:.75rem}.chat-messages{padding:4.5rem .875rem 1.25rem;padding-bottom:max(8rem,calc(env(safe-area-inset-bottom) + 8rem))}.chat-empty{padding:1.5rem .875rem}.chat-empty h2{font-size:1.375rem}.empty-icon{font-size:2.25rem;margin-bottom:1.25rem}.suggestions button{padding:.875rem 1rem;font-size:.8125rem;min-height:48px}.message-text{font-size:.8125rem;padding:.75rem .875rem}.chat-input-container{padding:.625rem .875rem .875rem}.btn-send{width:40px;height:40px;min-width:40px;min-height:40px}}@media (max-width: 375px){.chat-sidebar{width:260px}.chat-messages{padding:4.5rem .75rem 1rem;padding-bottom:max(8rem,calc(env(safe-area-inset-bottom) + 8rem))}.chat-empty h2{font-size:1.25rem}.empty-icon{font-size:2rem}.suggestions button{padding:.75rem .875rem;min-height:44px}}@media (max-width: 896px) and (max-height: 500px) and (orientation: landscape){.mobile-menu-toggle{width:36px;height:36px;top:.5rem;left:.5rem}.chat-messages{padding:3.5rem 1.5rem 1rem;padding-bottom:max(8rem,calc(env(safe-area-inset-bottom) + 8rem))}.chat-empty{padding:1.5rem 1rem}.chat-empty h2{font-size:1.25rem;margin-bottom:.5rem}.chat-empty p{font-size:.8125rem;margin-bottom:1.5rem}.empty-icon{font-size:2rem;margin-bottom:1rem}.suggestions{grid-template-columns:repeat(2,1fr);gap:.5rem}.suggestions button{padding:.75rem 1rem;font-size:.8125rem;min-height:44px}.chat-input-container{padding:.5rem 1rem .75rem}.chat-sidebar{width:240px}}@media (max-width: 768px){body.dark-mode .sidebar-overlay{background:#000000b3}body.dark-mode .mobile-menu-toggle{box-shadow:0 4px 12px #0000004d}}@media (hover: none) and (pointer: coarse){.btn-new-chat,.user-menu-item,.suggestions button,.btn-send{min-height:44px}.chat-input-form textarea{font-size:16px}}@supports (padding: env(safe-area-inset-bottom)){.chat-messages{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.chat-input-container{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.chat-header{height:64px;border-bottom:1px solid var(--border);background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.mobile-sidebar-toggle{display:none;width:40px;height:40px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center;flex-shrink:0}.mobile-sidebar-toggle:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--text-primary)}.chat-header-title{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1;overflow:hidden}.chat-header-title h2{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin:0;font-family:Tiempos Text,Georgia,serif;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chat-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-toolbar-desktop{display:flex;align-items:center;gap:.75rem}.header-overflow-wrapper{display:none;position:relative}.header-overflow-btn{width:36px;height:36px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-overflow-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.header-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.header-overflow-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:.375rem;min-width:200px;box-shadow:0 8px 24px #0000001f;z-index:100;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:none;border:none;border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s ease}.header-menu-item:hover:not(:disabled){background:var(--accent-light)}.header-menu-item:disabled{opacity:.4;cursor:not-allowed}.header-menu-item svg{flex-shrink:0;color:var(--text-secondary)}.header-menu-item span{flex:1;text-align:left}.menu-badge{background:var(--accent);color:#fff;font-size:.6875rem;padding:.0625rem .375rem;border-radius:10px;font-weight:600;line-height:1.4}.header-menu-divider{height:1px;background:var(--border);margin:.25rem .5rem}.theme-toggle-btn{width:40px;height:40px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.header-avatar-btn{background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.header-avatar-btn:hover .avatar-display{transform:scale(1.05);border-color:var(--accent)}@media (max-width: 768px){.mobile-sidebar-toggle{display:flex;flex-shrink:0;width:36px;height:36px}.chat-header{padding:0 .75rem;height:56px}.chat-header-left{gap:.75rem}.chat-header-title{margin-left:0;overflow:hidden}.chat-header-title h2{font-size:1rem}.header-toolbar-desktop{display:none}.header-overflow-wrapper{display:block}.chat-header-right{gap:.5rem}}@media (max-width: 480px){.chat-header{padding:0 .625rem}.chat-header-left{gap:.5rem}.chat-header-title h2{font-size:.9375rem}.mobile-sidebar-toggle,.header-overflow-btn{width:32px;height:32px}.message-actions .action-btn{width:26px;height:26px}.action-btn svg{width:14px;height:14px}}body.dark-mode .chat-header{background:#0a0a0af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#ffffff14}body.dark-mode .header-overflow-menu{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 8px 24px #0006}.desktop-collapse-toggle{position:fixed;top:1rem;z-index:999;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.desktop-collapse-toggle:hover{background:var(--bg-hover, #ebebeb);transform:scale(1.05)}.desktop-collapse-toggle.collapsed{left:260px}.desktop-collapse-toggle.expanded{left:40px}@media (max-width: 768px){.desktop-collapse-toggle{display:none}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.show{opacity:1;visibility:visible}@media (min-width: 769px){.sidebar-overlay{display:none}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:var(--sidebar-bg, #ffffff);border-right:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;z-index:1000;transition:all .3s ease;overflow:hidden}@media (min-width: 769px){.sidebar.collapsed{width:60px}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-content{padding:.5rem}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-actions span,.sidebar.collapsed .user-details,.sidebar.collapsed .user-email,.sidebar.collapsed .user-plan,.sidebar.collapsed .section-title,.sidebar.collapsed .chat-history-title,.sidebar.collapsed .chat-history-time,.sidebar.collapsed .questions-remaining span,.sidebar.collapsed .user-menu-item span,.sidebar.collapsed .sidebar-expanded-text{display:none}.sidebar.collapsed .sidebar-item{font-size:0;overflow:hidden}.sidebar.collapsed .sidebar-item svg{font-size:initial}.sidebar.collapsed .sidebar-actions,.sidebar.collapsed .user-menu,.sidebar.collapsed .chat-history-item,.sidebar.collapsed .sidebar-item{justify-content:center}.sidebar.collapsed .btn-new-chat,.sidebar.collapsed .icon-btn,.sidebar.collapsed .user-menu-item,.sidebar.collapsed .sidebar-item{padding:.625rem;min-width:44px;width:44px;justify-content:center;margin:0 auto;font-size:0;overflow:hidden}.sidebar.collapsed .btn-new-chat svg,.sidebar.collapsed .icon-btn svg,.sidebar.collapsed .user-menu-item svg,.sidebar.collapsed .sidebar-item svg{font-size:18px;width:18px;height:18px}.sidebar.collapsed .chat-history-actions,.sidebar.collapsed .close-btn{display:none}.sidebar.collapsed .chat-history-item{width:44px;height:44px;padding:0;margin:0 auto;border-radius:10px;position:relative}.sidebar.collapsed .chat-history-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sidebar.collapsed .chat-history-content:before{content:"";display:block;width:18px;height:18px;background:currentColor;opacity:.5;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sidebar.collapsed .chat-history-item.active .chat-history-content:before{opacity:.8}.sidebar.collapsed .chat-history-delete{display:none}.sidebar.collapsed .chat-date-group>span,.sidebar.collapsed .chat-date-group>h3,.sidebar.collapsed .chat-date-group>p{display:none}.sidebar.collapsed .user-profile{width:44px;height:44px;padding:0;margin:0 auto;justify-content:center;border:1px solid var(--border-color, #e0e0e0)}.sidebar.collapsed .user-menu{gap:.5rem;align-items:center}.sidebar.collapsed .questions-remaining,.sidebar.collapsed .chat-history-empty,.sidebar.collapsed .chat-history-loading{display:none}.sidebar.collapsed .sidebar-item[title],.sidebar.collapsed .btn-new-chat[title],.sidebar.collapsed .user-menu-item[title]{position:relative}.sidebar.collapsed .sidebar-item[title]:hover:after,.sidebar.collapsed .btn-new-chat[title]:hover:after,.sidebar.collapsed .user-menu-item[title]:hover:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--tooltip-bg, #333);color:var(--tooltip-text, #fff);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;white-space:nowrap;z-index:1001;pointer-events:none;box-shadow:0 2px 8px #00000026}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:2px 0 8px #00000026}.sidebar .sidebar-footer{padding:1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.sidebar .sidebar-footer .user-menu{display:flex;flex-direction:column;gap:.25rem}.sidebar .sidebar-footer .user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:10px;width:100%;font-size:.9375rem;transition:background .2s ease}.sidebar .sidebar-footer .user-menu-item:hover,.sidebar .sidebar-footer .user-menu-item:active{background:var(--bg-hover, rgba(255, 255, 255, .08))}.sidebar .sidebar-footer .user-menu-item svg{width:20px;height:20px;flex-shrink:0}.sidebar .sidebar-footer .user-profile{display:flex;align-items:center;gap:.75rem;padding:1rem .875rem .75rem;border-radius:10px;margin-top:.5rem;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.sidebar .sidebar-footer .user-profile .user-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-footer .user-profile .user-details{display:flex;flex-direction:column;min-width:0}.sidebar .sidebar-footer .user-profile .user-email{font-size:.8125rem;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0);flex-shrink:0;transition:padding .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-collapsed-logo{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 0}.sidebar-collapsed-logo img{width:36px;height:36px;object-fit:contain;transition:transform .2s ease}.sidebar-collapsed-logo img:hover{transform:scale(1.1)}@media (min-width: 769px){.sidebar.collapsed .sidebar-header{padding:1rem .5rem}}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;transition:padding .3s ease}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #c0c0c0);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #a0a0a0)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e0e0e0);flex-shrink:0;transition:padding .3s ease}.sidebar-logo,.sidebar-header h2,.sidebar-actions span,.user-details,.section-title,.chat-history-title,.chat-history-time{transition:opacity .3s ease,width .3s ease}.dark-mode .sidebar{background:var(--sidebar-bg-dark, #1a1a1a);border-right-color:var(--border-color-dark, #333333)}.dark-mode .sidebar-header,.dark-mode .sidebar-footer{border-color:var(--border-color-dark, #333333)}.dark-mode .mobile-sidebar-toggle,.dark-mode .desktop-collapse-toggle{background:var(--bg-secondary-dark, #2a2a2a);border-color:var(--border-color-dark, #333333);color:var(--text-primary-dark, #ffffff)}.dark-mode .mobile-sidebar-toggle:hover,.dark-mode .desktop-collapse-toggle:hover{background:var(--bg-hover-dark, #3a3a3a)}.dark-mode .sidebar-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark, #555555)}.dark-mode .sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-dark, #666666)}.dark-mode .sidebar.collapsed .sidebar-item[title]:hover:after,.dark-mode .sidebar.collapsed .btn-new-chat[title]:hover:after,.dark-mode .sidebar.collapsed .user-menu-item[title]:hover:after{background:var(--tooltip-bg-dark, #444);color:var(--tooltip-text-dark, #fff)}body.dark-mode .user-menu-item svg{stroke:#b0b0b0}body.dark-mode .user-menu-item:hover svg{stroke:#fff}body.dark-mode .chat-history-action-btn svg,body.dark-mode .chat-history-delete svg{stroke:#b0b0b0}body.dark-mode .chat-history-action-btn:hover{background:#ffffff1a}body.dark-mode .chat-history-action-btn:hover svg{stroke:#fff}body.dark-mode .chat-history-delete:hover{background:#ef444426}body.dark-mode .chat-history-delete:hover svg{stroke:#ff6b6b}body.dark-mode .icon-btn svg,body.dark-mode .btn-new-chat svg{stroke:#b0b0b0}body.dark-mode .icon-btn:hover svg,body.dark-mode .btn-new-chat:hover svg{stroke:#fff}body.dark-mode .chat-history-title{color:#e8e8e8}body.dark-mode .chat-history-time{color:#a0a0a0}body.dark-mode .chat-history-item.active .chat-history-title,body.dark-mode .chat-history-item:hover .chat-history-title{color:#fff}body.dark-mode .section-title{color:#888}body.dark-mode .questions-remaining svg{stroke:#60a5fa}body.dark-mode .sidebar.collapsed .chat-history-content:before{background:#b0b0b0}body.dark-mode .sidebar.collapsed .chat-history-item:hover .chat-history-content:before{background:#fff}body.dark-mode .sidebar.collapsed .chat-history-item.active .chat-history-content:before{background:#60a5fa;opacity:1}.chat-main,.settings-main{margin-left:280px;transition:margin-left .3s ease}@media (min-width: 769px){.sidebar.collapsed~.chat-main,.sidebar.collapsed~.settings-main{margin-left:60px}}@media (max-width: 768px){.chat-main,.settings-main{margin-left:0}}.sidebar:focus-visible,.mobile-sidebar-toggle:focus-visible,.desktop-collapse-toggle:focus-visible{outline:2px solid var(--focus-color, #007bff);outline-offset:2px}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-overlay,.mobile-sidebar-toggle,.desktop-collapse-toggle,.sidebar-header,.sidebar-content,.sidebar-footer,.sidebar-logo,.sidebar-actions span,.user-details{transition:none}}:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-sidebar: #f9fafb;--text-primary: #0a0a0a;--text-secondary: #525252;--text-muted: #a3a3a3;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .08);--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08)}body.dark-mode{--bg-primary: #0a0a0a;--bg-secondary: #0f0f0f;--bg-sidebar: #151515;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #666666;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-light: rgba(59, 130, 246, .1);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(255, 255, 255, .04);--shadow-md: 0 4px 16px rgba(255, 255, 255, .06);--shadow-lg: 0 8px 32px rgba(255, 255, 255, .08)}.settings-layout{height:100vh;overflow:hidden;background:var(--bg-primary);font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.settings-layout h1{font-family:Lato,sans-serif!important;font-weight:900!important}.settings-layout h2{font-family:Lato,sans-serif!important;font-weight:700!important}.settings-layout h3,.settings-layout h4,.settings-layout h5,.settings-layout h6{font-family:Lato,sans-serif!important;font-weight:400!important}.settings-layout:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.settings-layout .sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.settings-layout .sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.settings-layout .sidebar-logo,.settings-layout .sidebar-header h2{font-size:1.75rem;font-weight:400;margin:0;color:var(--text-primary);letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;flex:1;order:1}.settings-layout .sidebar-toggle-btn,.settings-layout .close-btn{width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;order:2}.settings-layout .sidebar-toggle-btn:hover,.settings-layout .close-btn:hover{background:var(--bg-primary);border-color:var(--border-hover);color:var(--text-primary)}.settings-layout .sidebar-toggle-btn svg,.settings-layout .close-btn svg{width:18px;height:18px}.settings-layout .sidebar-nav{flex:1;padding:.5rem;overflow-y:auto}.settings-layout .sidebar-nav::-webkit-scrollbar{width:6px}.settings-layout .sidebar-nav::-webkit-scrollbar-track{background:transparent}.settings-layout .sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background .2s ease}.settings-layout .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.settings-layout .sidebar-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Lato,sans-serif;margin-bottom:2px;min-height:44px}.settings-layout .sidebar-item svg{flex-shrink:0;opacity:.7}.settings-layout .sidebar-item:hover{background:var(--bg-primary);color:var(--text-primary)}.settings-layout .sidebar-item:hover svg{opacity:1}.settings-layout .sidebar-item.active{background:var(--bg-primary);color:var(--text-primary);font-weight:600}.settings-layout .sidebar-item.active svg{opacity:1}.settings-layout .sidebar.collapsed .sidebar-item{font-size:0;padding:.625rem;justify-content:center;min-width:44px}.settings-layout .sidebar.collapsed .sidebar-item svg{font-size:initial;margin:0}.settings-layout .sidebar.collapsed .user-info{justify-content:center}.settings-layout .sidebar.collapsed .user-avatar{margin:0}.settings-layout .sidebar.collapsed .logout-btn{font-size:0;padding:.625rem;justify-content:center;min-width:44px}.settings-layout .sidebar.collapsed .logout-btn svg{font-size:initial;margin:0}.settings-layout .sidebar-footer{padding:.75rem;border-top:1px solid var(--border)}.settings-layout .user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.settings-layout .user-avatar{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0;font-family:Lato,sans-serif}.settings-layout .user-details{flex:1;min-width:0}.settings-layout .user-email{font-size:.8125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-family:Lato,sans-serif}.settings-layout .user-plan{font-size:.75rem;color:var(--text-muted);font-weight:400;font-family:Lato,sans-serif}.settings-layout .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;font-family:Lato,sans-serif;min-height:44px}.settings-layout .logout-btn:hover{background:var(--bg-primary);border-color:var(--border-hover);color:var(--text-primary)}.settings-layout .logout-btn svg{flex-shrink:0}.settings-main{margin-left:280px;height:100vh;overflow-y:auto;padding:3rem 2rem 5rem;min-width:0;position:relative;z-index:1;transition:margin-left .3s ease}.settings-mobile-header{display:none;align-items:center;gap:.75rem;margin-bottom:1.5rem}.settings-hamburger{width:36px;height:36px;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-hamburger:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--text-primary)}.settings-mobile-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}@media (max-width: 768px){.settings-mobile-header{display:flex}}@media (min-width: 769px){.sidebar.collapsed~.settings-layout .settings-main,.settings-layout .settings-main.sidebar-collapsed{margin-left:60px}}.settings-main::-webkit-scrollbar{width:6px}.settings-main::-webkit-scrollbar-track{background:transparent}.settings-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background .2s ease}.settings-main::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.settings-content{max-width:800px;margin:0 auto;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-content h1{font-size:2rem;font-weight:700!important;color:var(--text-primary);margin:0 0 2rem;letter-spacing:-.02em;font-family:Lato,sans-serif!important}.content-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .2s ease}.content-section:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.content-section h2{font-size:1.125rem;font-weight:600!important;color:var(--text-primary);margin:0 0 1.25rem;font-family:Lato,sans-serif!important}.section-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1.5rem}.section-row:not(:last-child){border-bottom:1px solid var(--border)}.section-label{flex:1;min-width:0}.section-label h3{font-size:.9375rem;font-weight:400!important;color:var(--text-primary);margin:0 0 .25rem;font-family:Lato,sans-serif!important}.section-label p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;font-family:Lato,sans-serif}.section-value{font-size:.9375rem;font-weight:500;color:var(--text-primary);text-align:right;font-family:Lato,sans-serif}.theme-toggle{display:flex;gap:.5rem;background:var(--bg-primary);padding:.25rem;border-radius:8px;border:1px solid var(--border)}.theme-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Lato,sans-serif;min-height:36px}.theme-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-btn.active{background:var(--accent);color:#fff}.theme-btn svg{flex-shrink:0}.select-input{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Lato,sans-serif;min-width:120px;min-height:36px}.select-input:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.select-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.checkbox-list{display:flex;flex-direction:column}.checkbox-row{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border)}.checkbox-row:last-child{border-bottom:none}.checkbox-row:hover{background:var(--bg-primary);margin:0 -.5rem;padding:1rem .5rem;border-radius:8px}.checkbox-row input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;margin-top:2px;cursor:pointer;border-radius:4px;border:2px solid var(--border);background:var(--bg-primary);transition:all .2s ease;flex-shrink:0}.checkbox-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox-row div h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;font-family:Lato,sans-serif}.checkbox-row div p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;font-family:Lato,sans-serif}.btn-upgrade,.btn-danger,.btn-secondary,.btn-secondary-outline{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Lato,sans-serif;min-height:40px;white-space:nowrap}.btn-upgrade{background:var(--accent);color:#fff}.btn-upgrade:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-hover)}.btn-secondary-outline:disabled{opacity:.5;cursor:not-allowed}.btn-upgrade-inline{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Lato,sans-serif}.btn-upgrade-inline:hover{background:var(--accent-hover)}.current-plan{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:12px;padding:2rem;margin-bottom:2rem;color:#fff;box-shadow:var(--shadow-lg)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.current-plan h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff;font-family:Lato,sans-serif}.plan-status{display:inline-block;background:#fff3;padding:.25rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:600;color:#fff;font-family:Lato,sans-serif}.plan-price-large{text-align:right}.plan-price-large .amount{display:block;font-size:2rem;font-weight:700;color:#fff;font-family:Lato,sans-serif}.plan-price-large .period{display:block;font-size:.875rem;color:#fffc;margin-top:.25rem;font-family:Lato,sans-serif}.plan-details{background:#ffffff1a;border-radius:8px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.875rem;font-family:Lato,sans-serif}.detail-row strong{font-weight:600}.subscription-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.plan-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.plan-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card.featured{border-color:var(--accent);box-shadow:var(--shadow-md)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.375rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;font-family:Lato,sans-serif;white-space:nowrap}.plan-header-card{margin-bottom:1.5rem}.plan-header-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;font-family:Lato,sans-serif}.plan-header-card p{font-size:.875rem;color:var(--text-secondary);margin:0;font-family:Lato,sans-serif}.plan-price{margin-bottom:1.5rem}.plan-price .price{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:Lato,sans-serif}.plan-price .period{font-size:.875rem;color:var(--text-secondary);font-family:Lato,sans-serif}.plan-features-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.75rem;flex:1}.plan-features-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5;font-family:Lato,sans-serif}.plan-features-list li svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.plan-card .btn-upgrade,.plan-card .btn-secondary,.plan-card .btn-secondary-outline{width:100%}.billing-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-top:2rem}.billing-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;font-family:Lato,sans-serif}.upgrade-to-disciple{background:var(--accent-light);border-radius:8px;padding:1rem;margin-bottom:1rem}.upgrade-to-disciple .section-row{padding:0;border:none}.danger-zone-subscription{background:#dc26260d;border-radius:8px;padding:1rem}.danger-zone-subscription .section-row{padding:0;border:none}.usage-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.usage-stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.usage-stat:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.usage-stat h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 1rem;font-family:Lato,sans-serif}.stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:Lato,sans-serif;line-height:1}.stat-number span{font-size:1.5rem;color:var(--text-muted);font-weight:400}.stat-change{font-size:.8125rem;color:var(--text-muted);font-family:Lato,sans-serif}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:.75rem}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.streak-stat{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-color:#fbbf244d}.usage-warning{display:flex;gap:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:1.25rem;margin-bottom:2rem;color:#b45309}body.dark-mode .usage-warning{background:#fbbf2426;color:#fbbf24}.usage-warning svg{flex-shrink:0;margin-top:2px}.usage-warning h3{font-size:.9375rem;font-weight:600;margin:0 0 .5rem;color:inherit;font-family:Lato,sans-serif}.usage-warning p{font-size:.875rem;margin:0;line-height:1.5;opacity:.9;font-family:Lato,sans-serif}.topics-list{display:flex;flex-direction:column;gap:.75rem}.topic-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.topic-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.topic-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);font-family:Lato,sans-serif}.topic-count{font-size:.875rem;color:var(--text-muted);font-family:Lato,sans-serif}.activity-chart{display:grid;gap:.75rem}.activity-bar{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:12px}.bar-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);font-family:Lato,sans-serif}.bar-container{height:32px;background:var(--border);border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:6px;transition:width .3s ease}.bar-value{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right;font-family:Lato,sans-serif}.loading-state{display:flex;align-items:center;justify-content:center;padding:3rem;font-size:.9375rem;color:var(--text-secondary);font-family:Lato,sans-serif}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.payment-modal-content{background:var(--bg-primary);border-radius:16px;padding:2.5rem;max-width:500px;width:90%;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.payment-modal-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;font-family:Lato,sans-serif}.modal-price{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem;font-family:Lato,sans-serif}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.dialog-content{background:var(--bg-primary);border-radius:16px;padding:2rem;max-width:440px;width:90%;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease;text-align:center;border:1px solid var(--accent)}.dialog-icon{width:56px;height:56px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.dialog-icon.warning{background:#fbbf2426;color:#f59e0b}.dialog-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;font-family:Lato,sans-serif}.dialog-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2rem;font-family:Lato,sans-serif}.dialog-actions{display:flex;gap:.75rem;justify-content:center}.dialog-actions button{flex:1;max-width:180px}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;padding-top:2rem;z-index:2000;pointer-events:none}.notification-card{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;padding:1.25rem;min-width:320px;max-width:480px;box-shadow:0 20px 40px #00000026;display:flex;gap:1rem;align-items:flex-start;animation:slideDown .3s ease;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .notification-card{background:var(--bg-secondary);border-color:var(--border);box-shadow:0 20px 40px #0009}.notification-card.success{border-color:#10b981;background:#fff;box-shadow:0 20px 40px #10b98133}body.dark-mode .notification-card.success{background:#0f0f0f;border-color:#34d399;box-shadow:0 20px 40px #10b9814d}.notification-card.error{border-color:#ef4444;background:#fff;box-shadow:0 20px 40px #ef444433}body.dark-mode .notification-card.error{background:#0f0f0f;border-color:#f87171;box-shadow:0 20px 40px #ef44444d}.notification-overlay{z-index:10000}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#10b981;color:#fff;font-size:14px;margin-right:8px;flex-shrink:0}.status-indicator.cancelled{background:#f59e0b}.status-indicator.expired{background:#ef4444}.plan-badge{display:flex;align-items:center;margin-bottom:.5rem}.cancelled-label{color:var(--text-muted);font-size:.875rem;font-weight:400;margin-left:.5rem}.cancellation-notice{margin-top:1rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;display:flex;gap:.75rem;align-items:flex-start}body.dark-mode .cancellation-notice{background:#f59e0b26;border-color:#f59e0b66}.cancellation-notice svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.cancellation-notice p{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.reactivate-subscription{background:linear-gradient(135deg,#10b9810d,#10b98105);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:1.5rem;margin-bottom:1rem}body.dark-mode .reactivate-subscription{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b9814d}.reactivate-subscription .section-label h3{color:#10b981;font-weight:600}body.dark-mode .reactivate-subscription .section-label h3{color:#34d399}.reactivate-subscription .section-label p{color:var(--text-primary);opacity:.8}.current-plan h2{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;font-family:Lato,sans-serif}.plan-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:.5rem}.detail-row span{color:var(--text-secondary)}.detail-row strong{color:var(--text-primary);font-weight:600}body.dark-mode .notification-card{background:var(--bg-secondary);box-shadow:0 8px 32px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-card.success{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d)}body.dark-mode .notification-card.success{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#34d399}.notification-card.error{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d)}body.dark-mode .notification-card.error{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#f87171}.notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-card.success .notification-icon{background:#10b981;color:#fff}.notification-card.error .notification-icon{background:#ef4444;color:#fff}.notification-content{flex:1;min-width:0}.notification-content h3{font-size:1rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary);font-family:Lato,sans-serif}.notification-content p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;font-family:Lato,sans-serif}.notification-close{flex-shrink:0;background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-family:Lato,sans-serif;padding:0}.notification-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.billing-section .section-row{background:transparent}.billing-section .section-label h3,.billing-section .section-label p{color:var(--text-primary)}.billing-section .section-label p{color:var(--text-secondary);opacity:1}.upgrade-to-disciple .section-label h3{color:var(--text-primary);font-weight:600}.upgrade-to-disciple .section-label p{color:var(--text-primary);opacity:.8}.danger-zone-subscription .section-label h3{color:#dc2626;font-weight:600}body.dark-mode .danger-zone-subscription .section-label h3{color:#ef4444}.danger-zone-subscription .section-label p{color:var(--text-primary);opacity:.8}@media (max-width: 1024px){.settings-sidebar{width:260px}.settings-main{padding:2.5rem 1.5rem}.pricing-cards,.subscription-plans,.plan-features-list,.usage-overview,.usage-grid{grid-template-columns:1fr}}@media (max-width: 768px){.settings-main{margin-left:0;padding:5rem 1rem;padding-top:max(5rem,env(safe-area-inset-top) + 4rem);padding-bottom:max(5rem,env(safe-area-inset-bottom) + 4rem)}.settings-content h1{font-size:1.75rem;margin-bottom:1.5rem}.content-section{padding:1.25rem}.section-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0}.upgrade-to-disciple .section-row,.danger-zone-subscription .section-row{flex-direction:column;align-items:flex-start;gap:1rem}.upgrade-to-disciple .btn-upgrade,.danger-zone-subscription .btn-danger{width:100%}.section-value{width:100%;text-align:left}.theme-toggle,.select-input{width:100%}.pricing-cards,.subscription-plans,.usage-overview,.usage-grid{gap:1.25rem}.payment-modal-content,.dialog-content{padding:2rem 1.5rem}.payment-modal-content h2,.dialog-content h2{font-size:1.5rem}.modal-price{font-size:1.25rem}.plan-features-list{gap:.5rem}.activity-bar{grid-template-columns:60px 1fr 40px;gap:8px}.bar-label{font-size:11px}.dialog-actions{flex-direction:column}.dialog-actions button{max-width:none}}@media (max-width: 480px){.settings-main{padding:4.5rem .875rem 1.5rem}.settings-content h1{font-size:1.5rem}.content-section{padding:1rem}.content-section h2{font-size:1rem}.section-row{padding:.875rem 0}.section-label h3{font-size:.875rem}.section-label p{font-size:.75rem}.current-plan,.pricing-card,.plan-card,.usage-stat{padding:1.25rem}.current-plan h2{font-size:1.25rem}.pricing-card h3,.plan-header-card h3{font-size:1.125rem}.price .amount,.plan-price .price{font-size:1.75rem}.stat-number{font-size:2rem}.stat-number span{font-size:1.25rem}.payment-modal-content,.dialog-content{padding:1.5rem 1.25rem}.usage-value{font-size:20px}.notification-card{min-width:280px;max-width:calc(100% - 2rem)}}@media (max-width: 375px){.settings-sidebar{width:260px}.settings-main{padding:4.25rem .75rem 1.25rem}.settings-content h1{font-size:1.375rem}.content-section{padding:.875rem}.payment-modal-content,.dialog-content{padding:1.25rem 1rem}}@media (max-width: 896px) and (max-height: 500px) and (orientation: landscape){.settings-main{padding:3.5rem 1.5rem 1rem}.settings-sidebar{width:240px}.current-plan,.pricing-card,.plan-card,.usage-stat{padding:1rem}.usage-overview,.usage-grid,.pricing-cards,.subscription-plans{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.sidebar-item,.logout-btn,.theme-btn,.select-input,.btn-upgrade,.btn-danger,.btn-secondary-outline,.btn-secondary,.close-btn,.btn-upgrade-inline{min-height:44px}.checkbox-row input[type=checkbox]{min-width:22px;min-height:22px}}.pricing-page{min-height:100vh;background:var(--white);color:var(--black);font-family:Lato,sans-serif;overflow-x:hidden;width:100%}.pricing-page *{box-sizing:border-box}.pricing-page.dark-mode,body.dark-mode .pricing-page{--black: #ffffff;--white: #000000;--gray-50: #171717;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-600: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #fafafa}.pricing-hero{padding:12rem 2rem 6rem;text-align:center;background:var(--white);position:relative}.pricing-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:0;pointer-events:none}.pricing-page.dark-mode .pricing-hero:before{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);opacity:.5}.pricing-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.pricing-badge{display:inline-block;background:var(--black);color:var(--white);padding:.5rem 1rem;font-size:.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black)}.pricing-hero h1{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;line-height:1;margin-bottom:1.5rem;letter-spacing:-3px;color:#0a0a0a}.pricing-page.dark-mode .pricing-hero h1,body.dark-mode .pricing-hero h1{color:#fff}.pricing-hero .accent-word{color:var(--accent)}.pricing-tagline{font-size:1.25rem;color:var(--gray-600);margin-bottom:3rem;line-height:1.6}.billing-toggle{display:inline-flex;background:var(--gray-100);border-radius:12px;padding:.5rem;gap:.5rem}.billing-toggle button{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .3s ease;position:relative}.billing-toggle button.active{background:var(--white);color:var(--black);box-shadow:0 2px 8px #0000001a}.pricing-page.dark-mode .billing-toggle button.active{background:var(--gray-200);color:var(--white)}.save-badge{display:inline-block;background:#22c55e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-left:.5rem;font-weight:700}.pricing-cards-section{padding:4rem 2rem;background:var(--gray-50)}.pricing-page.dark-mode .pricing-cards-section{background:var(--gray-100)}.pricing-cards-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pricing-card{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;padding:2.5rem;transition:all .3s ease;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001a}.pricing-page.dark-mode .pricing-card{background:var(--gray-50);border-color:var(--gray-300)}.pricing-card.featured{border-color:var(--accent);border-width:3px}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pricing-card-header h3{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:var(--gray-600);font-size:.9375rem;margin-bottom:2rem}.pricing-amount{display:flex;align-items:baseline;margin-bottom:.5rem}.currency{font-size:1.5rem;font-weight:600;margin-right:.25rem}.price{font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;line-height:1}.period{font-size:1rem;color:var(--gray-600);margin-left:.5rem}.savings-text{color:#22c55e;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.pricing-cta{width:100%;padding:1rem 2rem;background:var(--black);color:var(--white);border:2px solid var(--black);border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.pricing-cta:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.pricing-cta.primary{background:var(--accent);border-color:var(--accent)}.pricing-features{display:flex;flex-direction:column;gap:1rem}.features-label{font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem}.feature-item svg{flex-shrink:0;color:var(--accent);margin-top:2px}.comparison-section{padding:6rem 2rem;background:var(--white)}.comparison-container{max-width:1200px;margin:0 auto}.comparison-title{font-family:Syne,sans-serif;font-size:3rem;font-weight:800;text-align:center;margin-bottom:3rem;letter-spacing:-2px;color:#0a0a0a}.pricing-page.dark-mode .comparison-title,body.dark-mode .comparison-title{color:#fff}.comparison-table{background:var(--white);border:2px solid var(--gray-200);border-radius:12px;overflow:hidden}.pricing-page.dark-mode .comparison-table{background:var(--gray-50);border-color:var(--gray-300)}.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:var(--gray-100);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-top:1px solid var(--gray-200)}.pricing-page.dark-mode .comparison-row{border-color:var(--gray-300)}.comparison-cell{padding:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center}.comparison-cell.feature-name{text-align:left;justify-content:flex-start;font-weight:600}.comparison-cell.featured-col{background:#3b82f60d;font-weight:600;color:var(--accent)}.pricing-faq-section{padding:6rem 2rem;background:var(--gray-50)}.pricing-page.dark-mode .pricing-faq-section{background:var(--gray-100)}.pricing-faq-container{max-width:900px;margin:0 auto}.pricing-faq-title{font-family:Syne,sans-serif;font-size:3rem;font-weight:800;text-align:center;margin-bottom:3rem;letter-spacing:-2px;color:#0a0a0a}.pricing-page.dark-mode .pricing-faq-title,body.dark-mode .pricing-faq-title{color:#fff}.pricing-faq-list{display:flex;flex-direction:column;gap:1px;background:var(--gray-200);border-radius:12px;overflow:hidden}.pricing-faq-item{background:var(--white)}.pricing-page.dark-mode .pricing-faq-item{background:var(--gray-50)}.pricing-faq-question{width:100%;padding:1.5rem 2rem;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-size:1.125rem;font-weight:600;color:var(--black);transition:all .2s ease}.pricing-faq-question:hover{color:var(--accent)}.pricing-faq-icon{flex-shrink:0;color:var(--gray-600);transition:transform .3s ease}.pricing-faq-item.open .pricing-faq-icon{transform:rotate(180deg)}.pricing-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.pricing-faq-item.open .pricing-faq-answer{max-height:300px}.pricing-faq-answer p{padding:0 2rem 1.5rem;font-size:1rem;line-height:1.7;color:var(--gray-600)}.pricing-cta-section{padding:6rem 2rem;background:var(--black);color:var(--white);text-align:center}.pricing-page.dark-mode .pricing-cta-section{background:var(--white);color:var(--black)}.pricing-cta-content h2{font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-2px}.pricing-cta-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9}.pricing-cta-button{background:var(--white);color:var(--black);padding:1.25rem 3rem;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.pricing-page.dark-mode .pricing-cta-button{background:var(--black);color:var(--white)}.pricing-cta-button:hover{transform:scale(1.05);box-shadow:0 8px 24px #0003}@media (max-width: 1024px){.pricing-cards-container{grid-template-columns:1fr;max-width:500px}.comparison-header,.comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.comparison-cell{padding:1rem;font-size:.875rem}}@media (max-width: 768px){.pricing-hero{padding:10rem 1.5rem 4rem}.pricing-hero h1{font-size:3rem;letter-spacing:-2px}.pricing-tagline{font-size:1rem}.billing-toggle button{padding:.6rem 1rem;font-size:.875rem}.pricing-card{padding:2rem}.comparison-title,.pricing-faq-title{font-size:2rem}.pricing-cta-content h2{font-size:2.5rem}.comparison-table{overflow-x:auto}}@media (max-width: 640px){.pricing-hero{padding:8rem 1rem 3rem}.pricing-hero h1{font-size:2.5rem}.pricing-tagline{font-size:.9375rem}.billing-toggle{flex-direction:column;width:100%;max-width:300px}.billing-toggle button{width:100%;padding:.75rem}.pricing-cards-section{padding:3rem 1rem}.pricing-cards-container{width:100%;padding:0}.pricing-card{margin:0 auto 1.5rem;max-width:100%}.price{font-size:2.5rem}.price-period{font-size:.875rem}.comparison-section{padding:3rem 1rem}.comparison-header,.comparison-row{grid-template-columns:1fr}.comparison-cell{justify-content:flex-start;text-align:left;border-bottom:1px solid var(--gray-200);padding:.875rem 1rem;font-size:.875rem}.comparison-cell.featured-col{background:none}.comparison-header{display:none}.pricing-faq-section{padding:3rem 1rem}.pricing-faq-question{padding:1rem;font-size:.9375rem}.pricing-faq-answer p{padding:0 1rem 1rem;font-size:.875rem}.pricing-cta-section{padding:3rem 1rem}.pricing-cta-content h2{font-size:2rem;letter-spacing:-1px}.pricing-cta-content p{font-size:1rem}.pricing-cta-button{padding:1rem 2rem;font-size:1rem;width:100%;max-width:300px}}@media (max-width: 390px){.pricing-hero{padding:7rem .75rem 2.5rem}.pricing-hero h1{font-size:2rem;letter-spacing:-1px}.pricing-badge{font-size:.6875rem;padding:.4rem .8rem}.pricing-tagline{font-size:.875rem;margin-bottom:2rem}.pricing-cards-section{padding:2.5rem .75rem}.pricing-card{padding:1.5rem}.card-name{font-size:1.25rem}.price{font-size:2rem}.comparison-title,.pricing-faq-title,.pricing-cta-content h2{font-size:1.75rem}}.contact-page{min-height:100vh;background:var(--white);color:var(--black);font-family:Lato,sans-serif;overflow-x:hidden;width:100%}.contact-page *{box-sizing:border-box}.contact-page.dark-mode,body.dark-mode .contact-page{--black: #ffffff;--white: #000000;--gray-50: #171717;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-600: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #fafafa}.contact-hero{padding:12rem 2rem 6rem;text-align:center;background:var(--white);position:relative}.contact-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:0;pointer-events:none}.contact-page.dark-mode .contact-hero:before{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);opacity:.5}.contact-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.contact-badge{display:inline-block;background:var(--black);color:var(--white);padding:.5rem 1rem;font-size:.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black)}.contact-hero h1{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;line-height:1;margin-bottom:1.5rem;letter-spacing:-3px;color:#0a0a0a}.contact-page.dark-mode .contact-hero h1,body.dark-mode .contact-hero h1{color:#fff}.contact-hero .accent-word{color:var(--accent)}.contact-tagline{font-size:1.25rem;color:var(--gray-600);line-height:1.6}.contact-main{padding:4rem 2rem 6rem;background:var(--gray-50)}.contact-page.dark-mode .contact-main{background:var(--gray-100)}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem}.contact-form-section h2{font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-1px;color:#0a0a0a}.contact-page.dark-mode .contact-form-section h2,body.dark-mode .contact-form-section h2{color:#fff}.form-intro{color:var(--gray-600);font-size:1rem;margin-bottom:2rem}.success-banner{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:1rem 1.25rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem 1.25rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:flex-start;gap:.75rem;animation:slideDown .3s ease}.error-banner svg{flex-shrink:0;margin-top:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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 label{font-size:.875rem;font-weight:600;color:var(--black)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;background:#fff;border:2px solid #e5e5e5;border-radius:8px;color:#0a0a0a;font-size:1rem;font-family:inherit;transition:all .2s ease}.contact-page.dark-mode .form-group input,.contact-page.dark-mode .form-group select,.contact-page.dark-mode .form-group textarea,body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#1a1a1a;border-color:#404040;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contact-page.dark-mode .form-group input:focus,.contact-page.dark-mode .form-group select:focus,.contact-page.dark-mode .form-group textarea:focus,body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#a3a3a3}.contact-page.dark-mode .form-group input::placeholder,.contact-page.dark-mode .form-group select::placeholder,.contact-page.dark-mode .form-group textarea::placeholder,body.dark-mode .form-group input::placeholder,body.dark-mode .form-group select::placeholder,body.dark-mode .form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--black);color:var(--white);padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-info-section{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--white);border:2px solid var(--gray-200);border-radius:12px;padding:2rem;transition:all .3s ease}.contact-page.dark-mode .info-card{background:var(--gray-50);border-color:var(--gray-300)}.info-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.info-icon{width:48px;height:48px;background:#3b82f61a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--accent)}.info-card h3{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.info-card p{color:var(--gray-600);font-size:.9375rem;margin-bottom:1rem;line-height:1.6}.info-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:1rem;transition:opacity .2s ease}.info-link:hover{opacity:.8;text-decoration:underline}.info-text{display:block;font-weight:600;color:var(--black)}.social-card{background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);border:none;color:#fff}.social-card h3,.social-card p{color:#fff}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:44px;height:44px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.social-link:hover{background:#fff;color:var(--accent);transform:translateY(-3px)}.contact-faq-links{padding:6rem 2rem;background:var(--white);text-align:center}.contact-page.dark-mode .contact-faq-links{background:var(--gray-50)}.faq-links-container{max-width:900px;margin:0 auto}.faq-links-container h2{font-family:Syne,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1rem;letter-spacing:-2px}.faq-links-container p{font-size:1.125rem;color:var(--gray-600);margin-bottom:3rem}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.quick-link{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;color:var(--black);transition:all .3s ease}.contact-page.dark-mode .quick-link{background:var(--gray-100);border-color:var(--gray-300)}.quick-link:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.quick-link svg{color:var(--accent);width:32px;height:32px}.quick-link span{font-weight:600;font-size:1rem}@media (max-width: 1024px){.contact-container{grid-template-columns:1fr;gap:3rem}.quick-links{grid-template-columns:1fr}}@media (max-width: 768px){.contact-hero{padding:10rem 1.5rem 4rem}.contact-hero h1{font-size:3rem;letter-spacing:-2px}.contact-tagline{font-size:1rem}.contact-main{padding:3rem 1.5rem}.form-row{grid-template-columns:1fr}.faq-links-container h2{font-size:2rem}}@media (max-width: 640px){.contact-hero{padding:8rem 1rem 3rem}.contact-hero h1{font-size:2.5rem}.contact-tagline{font-size:.9375rem}.contact-form-section{padding:3rem 1rem}.contact-form-section h2{font-size:2rem}.contact-form-container{padding:0}.form-row{flex-direction:column;gap:1.5rem}.form-group{flex:none;width:100%}.submit-button{width:100%}.contact-info-section{padding:3rem 1rem}.info-cards-grid{gap:1.5rem}.info-card{padding:1.5rem}.info-card-title{font-size:1rem}.social-links{gap:1rem}}@media (max-width: 390px){.contact-hero{padding:7rem .75rem 2.5rem}.contact-hero h1{font-size:2rem;letter-spacing:-1px}.contact-badge{font-size:.6875rem;padding:.4rem .8rem}.contact-tagline{font-size:.875rem}.contact-form-section,.contact-info-section{padding:2.5rem .75rem}.contact-form-section h2{font-size:1.75rem}.form-group label{font-size:.875rem}.form-group input,.form-group select,.form-group textarea{font-size:.9375rem;padding:.75rem .875rem}.submit-button{font-size:.9375rem;padding:.875rem 2rem}.info-card{padding:1.25rem}.info-card-icon{width:36px;height:36px;font-size:1.25rem}.info-card-title{font-size:.9375rem}.info-card-content{font-size:.875rem}.quick-links a{font-size:.875rem;padding:.75rem 0}}.about-page{min-height:100vh;background:var(--white);color:var(--black);font-family:Lato,sans-serif;overflow-x:hidden;width:100%}.about-page *{box-sizing:border-box}.about-page.dark-mode,body.dark-mode .about-page{--black: #ffffff;--white: #000000;--gray-50: #171717;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-600: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #fafafa}.about-hero{padding:12rem 2rem 6rem;text-align:center;background:var(--white);position:relative}.about-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:0;pointer-events:none}.about-page.dark-mode .about-hero:before{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);opacity:.5}.about-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.about-badge{display:inline-block;background:var(--black);color:var(--white);padding:.5rem 1rem;font-size:.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black)}.about-hero h1{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;line-height:1;margin-bottom:1.5rem;letter-spacing:-3px;color:#0a0a0a}.about-page.dark-mode .about-hero h1,body.dark-mode .about-hero h1{color:#fff}.about-hero .accent-word{color:var(--accent)}.about-tagline{font-size:1.25rem;color:var(--gray-600);line-height:1.6}.section-label{font-size:.875rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.section-title{font-family:Syne,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-2px;line-height:1.1;color:#0a0a0a}.about-page.dark-mode .section-title,body.dark-mode .section-title{color:#fff}.section-text{font-size:1.125rem;color:var(--gray-600);line-height:1.8;margin-bottom:1.5rem}.section-intro{font-size:1.125rem;color:var(--gray-600);line-height:1.8;margin-bottom:3rem;text-align:center}.mission-section{padding:6rem 2rem;background:var(--gray-50)}.about-page.dark-mode .mission-section{background:var(--gray-100)}.mission-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:center}.mission-stats{display:flex;flex-direction:column;gap:2rem}.stat-box{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.about-page.dark-mode .stat-box{background:var(--gray-50);border-color:var(--gray-300)}.stat-box:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 8px 24px #0000001a}.stat-number{font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:.5rem}.stat-label{font-size:1rem;font-weight:600;color:var(--gray-600)}.story-section{padding:6rem 2rem;background:var(--white)}.story-container{max-width:1000px;margin:0 auto;text-align:center}.story-content{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:3rem}.story-block{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:16px;padding:3rem;text-align:left;transition:all .3s ease;position:relative;overflow:hidden}.about-page.dark-mode .story-block{background:var(--gray-100);border-color:var(--gray-300)}.story-block:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001a}.story-number{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;color:var(--gray-100);position:absolute;top:1rem;right:2rem;line-height:1;z-index:0}.about-page.dark-mode .story-number{color:var(--gray-200)}.story-block h4{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.story-block p{font-size:1.0625rem;color:var(--gray-600);line-height:1.8;position:relative;z-index:1}.values-section{padding:6rem 2rem;background:var(--gray-50)}.about-page.dark-mode .values-section{background:var(--gray-100)}.values-container{max-width:1200px;margin:0 auto;text-align:center}.values-grid{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.value-card{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;padding:2.5rem;text-align:center;transition:all .3s ease}.about-page.dark-mode .value-card{background:var(--gray-50);border-color:var(--gray-300)}.value-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 12px 40px #0000001a}.value-icon{font-size:3rem;margin-bottom:1.5rem}.value-card h4{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.value-card p{font-size:.9375rem;color:var(--gray-600);line-height:1.7}.how-it-works-section{padding:6rem 2rem;background:var(--white)}.how-container{max-width:1200px;margin:0 auto;text-align:center}.process-flow{margin-top:4rem;display:flex;align-items:center;justify-content:center;gap:2rem}.process-step{flex:1;max-width:280px;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:16px;padding:2.5rem 2rem;transition:all .3s ease}.about-page.dark-mode .process-step{background:var(--gray-100);border-color:var(--gray-300)}.process-step:hover{transform:translateY(-5px);border-color:var(--accent)}.process-icon{width:64px;height:64px;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--accent)}.process-step h4{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.process-step p{font-size:.9375rem;color:var(--gray-600);line-height:1.6}.process-arrow{font-size:2rem;color:var(--accent);font-weight:700}.commitment-section{padding:6rem 2rem;background:var(--gray-50)}.about-page.dark-mode .commitment-section{background:var(--gray-100)}.commitment-container{max-width:1000px;margin:0 auto;text-align:center}.commitment-grid{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.commitment-item{background:var(--white);border:3px solid var(--gray-200);border-radius:16px;padding:3rem;text-align:left}.about-page.dark-mode .commitment-item{background:var(--gray-50);border-color:var(--gray-300)}.commitment-item.is{border-color:#22c55e}.commitment-item.isnt{border-color:#ef4444}.commitment-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.is-badge{background:#22c55e1a;color:#22c55e}.isnt-badge{background:#ef44441a;color:#ef4444}.commitment-item ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.commitment-item li{font-size:1rem;color:var(--gray-600);line-height:1.6}.commitment-note{margin-top:2rem;padding:1.5rem;background:#3b82f61a;border-left:4px solid var(--accent);border-radius:8px;font-size:.9375rem;color:var(--gray-600);line-height:1.7;text-align:left}.about-cta-section{padding:6rem 2rem;background:var(--black);color:var(--white);text-align:center}.about-page.dark-mode .about-cta-section{background:var(--white);color:var(--black)}.about-cta-content h2{font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-2px}.about-cta-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto}.about-cta-button{background:var(--white);color:var(--black);padding:1.25rem 3rem;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.about-page.dark-mode .about-cta-button{background:var(--black);color:var(--white)}.about-cta-button:hover{transform:scale(1.05);box-shadow:0 8px 24px #0003}@media (max-width: 1024px){.mission-container{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.process-flow{flex-direction:column}.process-arrow{transform:rotate(90deg)}}@media (max-width: 768px){.about-hero{padding:10rem 1.5rem 4rem}.about-hero h1{font-size:3rem;letter-spacing:-2px}.about-tagline{font-size:1rem}.section-title{font-size:2rem}.section-text,.section-intro{font-size:1rem}.values-grid,.commitment-grid{grid-template-columns:1fr}.about-cta-content h2{font-size:2.5rem}.story-block{padding:2rem}.story-number{font-size:3.5rem;top:.5rem;right:1rem}}@media (max-width: 640px){.about-hero{padding:8rem 1rem 3rem}.about-hero h1{font-size:2.5rem}.about-tagline{font-size:.9375rem}.mission-section,.story-section,.values-section,.process-section,.commitment-section{padding:3rem 1rem}.section-title{font-size:1.75rem}.mission-stats{gap:1rem}.stat-number{font-size:2.5rem}.stat-label{font-size:.75rem}.story-blocks,.values-grid,.process-steps,.commitment-grid{gap:1.5rem}.value-card,.process-step{padding:2rem 1.5rem}.commitment-item{padding:2rem}.value-icon,.process-number{font-size:2rem}}@media (max-width: 390px){.about-hero{padding:7rem .75rem 2.5rem}.about-hero h1{font-size:2rem;letter-spacing:-1px}.about-badge{font-size:.6875rem;padding:.4rem .8rem}.about-tagline{font-size:.875rem}.mission-section,.story-section,.values-section,.process-section,.commitment-section{padding:2.5rem .75rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:.875rem}.stat-number{font-size:2rem}.value-card,.process-step,.commitment-item{padding:1.5rem}.value-title,.process-title,.commitment-subtitle{font-size:1rem}.story-block-title{font-size:.75rem}.story-block h3{font-size:1.25rem}}.legal-page{min-height:100vh;background:var(--white);color:var(--black);font-family:Lato,sans-serif;overflow-x:hidden;width:100%}.legal-page *{box-sizing:border-box}.legal-page.dark-mode,body.dark-mode .legal-page{--black: #ffffff;--white: #000000;--gray-50: #171717;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-600: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #fafafa}.legal-hero{padding:12rem 2rem 6rem;text-align:center;background:var(--white);position:relative}.legal-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:0;pointer-events:none}.legal-page.dark-mode .legal-hero:before{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);opacity:.5}.legal-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.legal-badge{display:inline-block;background:var(--black);color:var(--white);padding:.5rem 1rem;font-size:.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black)}.legal-hero h1{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;line-height:1;margin-bottom:1.5rem;letter-spacing:-3px;color:#0a0a0a}.legal-page.dark-mode .legal-hero h1,body.dark-mode .legal-hero h1{color:#fff}.legal-hero .accent-word{color:var(--accent)}.legal-tagline{font-size:1.25rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem}.legal-updated{font-size:.875rem;color:var(--gray-400);font-style:italic}.legal-content-section{padding:6rem 2rem;background:var(--gray-50)}.legal-page.dark-mode .legal-content-section{background:var(--gray-100)}.legal-container{max-width:900px;margin:0 auto}.legal-section{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;padding:3rem;margin-bottom:2rem;position:relative;transition:all .3s ease}.legal-page.dark-mode .legal-section{background:var(--gray-50);border-color:var(--gray-300)}.legal-section:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.section-number{font-family:Syne,sans-serif;font-size:4rem;font-weight:800;color:var(--gray-100);position:absolute;top:1.5rem;right:2rem;line-height:1;z-index:0}.legal-page.dark-mode .section-number{color:var(--gray-200)}.legal-section-title{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;position:relative;z-index:1;color:#0a0a0a}.legal-page.dark-mode .legal-section-title{color:#fff}.legal-text{font-size:1rem;color:var(--gray-600);line-height:1.8;position:relative;z-index:1}.legal-text p{margin-bottom:1rem}.legal-text p:last-child{margin-bottom:0}.legal-text h3{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:var(--black)}.legal-text ul{list-style:none;padding-left:0;margin:1.5rem 0}.legal-text ul li{padding-left:2rem;position:relative;margin-bottom:.75rem}.legal-text ul li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.1rem}.contact-email{background:var(--gray-50);border-left:4px solid var(--accent);padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0}.legal-page.dark-mode .contact-email{background:var(--gray-100)}.contact-email a{color:var(--accent);text-decoration:none;font-weight:600;transition:opacity .2s ease}.contact-email a:hover{opacity:.8}.legal-callout{background:#3b82f60d;border:2px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;margin:2rem 0;display:flex;gap:1rem;align-items:flex-start}.legal-page.dark-mode .legal-callout{background:#3b82f61a;border-color:#3b82f64d}.callout-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.legal-callout p{margin:0}.legal-callout p+p{margin-top:.75rem}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.data-item{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.legal-page.dark-mode .data-item{background:var(--gray-100);border-color:var(--gray-300)}.data-item:hover{transform:translateY(-4px);border-color:var(--accent)}.data-icon{font-size:2rem;margin-bottom:.75rem}.data-label{font-size:.875rem;font-weight:600;color:var(--black)}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:2rem 0 3rem}.right-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.legal-page.dark-mode .right-card{background:var(--gray-100);border-color:var(--gray-300)}.right-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 8px 24px #0000001a}.right-icon{font-size:2.5rem;margin-bottom:1rem}.right-card h3{font-family:Syne,sans-serif;font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--black)}.right-card p{font-size:.875rem;color:var(--gray-600);line-height:1.6;margin:0}.legal-cta-section{padding:6rem 2rem;background:var(--black);color:var(--white);text-align:center}.legal-page.dark-mode .legal-cta-section{background:var(--white);color:var(--black)}.legal-cta-content h2{font-family:Syne,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1rem;letter-spacing:-2px}.legal-cta-content p{font-size:1.125rem;margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.legal-cta-button{background:var(--white);color:var(--black);padding:1.25rem 3rem;border:none;border-radius:8px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.legal-page.dark-mode .legal-cta-button{background:var(--black);color:var(--white)}.legal-cta-button:hover{transform:scale(1.05);box-shadow:0 8px 24px #0003}@media (max-width: 1024px){.legal-hero h1{font-size:4rem}.legal-section{padding:2.5rem}.section-number{font-size:3rem}.data-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.legal-hero{padding:10rem 1.5rem 4rem}.legal-hero h1{font-size:3rem;letter-spacing:-2px}.legal-tagline{font-size:1rem}.legal-content-section{padding:4rem 1.5rem}.legal-section{padding:2rem}.section-number{font-size:2.5rem;top:1rem;right:1rem}.legal-section-title{font-size:1.5rem}.legal-cta-content h2{font-size:2.5rem}.data-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.rights-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 640px){.legal-hero{padding:8rem 1rem 3rem}.legal-hero h1{font-size:2.5rem}.legal-tagline{font-size:.9375rem}.legal-content-section{padding:3rem 1rem}.legal-section{padding:1.5rem;margin-bottom:1.5rem}.section-number{font-size:2rem}.legal-section-title{font-size:1.25rem}.legal-text{font-size:.9375rem}.legal-cta-section{padding:4rem 1rem}.legal-cta-content h2{font-size:2rem}.legal-cta-content p{font-size:1rem}.legal-cta-button{padding:1rem 2rem;font-size:1rem}.data-grid{grid-template-columns:1fr}.legal-callout{flex-direction:column;padding:1.25rem}}@media (max-width: 390px){.legal-hero{padding:7rem .75rem 2.5rem}.legal-hero h1{font-size:2rem;letter-spacing:-1px}.legal-badge{font-size:.6875rem;padding:.4rem .8rem}.legal-tagline{font-size:.875rem}.legal-content-section{padding:2.5rem .75rem}.legal-section{padding:1.25rem}.section-number{font-size:1.75rem}.legal-section-title{font-size:1.125rem}.legal-text{font-size:.875rem}.legal-cta-content h2{font-size:1.75rem}.legal-cta-button{width:100%}}.support-page{min-height:100vh;background:var(--white);color:var(--black);font-family:Lato,sans-serif;overflow-x:hidden;width:100%}.support-page *{box-sizing:border-box}.support-page.dark-mode,body.dark-mode .support-page{--black: #ffffff;--white: #000000;--gray-50: #171717;--gray-100: #262626;--gray-200: #404040;--gray-300: #525252;--gray-400: #737373;--gray-600: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #fafafa}.support-hero{padding:12rem 2rem 6rem;text-align:center;background:var(--white);position:relative}.support-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:0;pointer-events:none}.support-page.dark-mode .support-hero:before{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);opacity:.5}.support-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.support-badge{display:inline-block;background:var(--black);color:var(--white);padding:.5rem 1rem;font-size:.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black)}.support-hero h1{font-family:Syne,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--black)}.support-hero h1 .accent-word{color:var(--accent)}.support-tagline{font-size:1.15rem;line-height:1.7;color:var(--gray-400);max-width:560px;margin:0 auto}.support-content-section{padding:4rem 2rem 6rem;background:var(--white)}.support-container{max-width:900px;margin:0 auto}.main-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:24px;padding:3rem;text-align:center;margin-bottom:3rem}.support-page.dark-mode .main-card{background:var(--gray-50);border-color:var(--gray-100)}.support-card-icon{width:64px;height:64px;background:#3b82f614;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 1.5rem}.main-card h2{font-family:Syne,sans-serif;font-size:1.75rem;font-weight:800;margin-bottom:1rem;color:var(--black)}.support-card-description{font-size:1rem;line-height:1.7;color:var(--gray-400);max-width:500px;margin:0 auto 2rem}.currency-toggle{display:inline-flex;gap:.5rem;padding:.35rem;background:var(--gray-100);border-radius:12px;margin-bottom:1.5rem}.currency-toggle button{padding:.6rem 1.5rem;border:none;border-radius:10px;background:transparent;color:var(--gray-400);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Lato,sans-serif}.currency-toggle button.active{background:var(--white);color:var(--black);box-shadow:0 2px 8px #00000014}.support-page.dark-mode .currency-toggle button.active{background:var(--gray-200);box-shadow:0 2px 8px #0000004d}.donate-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:var(--accent);color:#fff;border:none;border-radius:0;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Lato,sans-serif;margin-bottom:1rem}.donate-button:hover{background:var(--accent-dark, #2563eb);transform:translateY(-1px);box-shadow:0 8px 24px #3b82f64d}.payment-note{font-size:.8rem;color:var(--gray-400);opacity:.6}.support-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.support-info-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:20px;padding:2rem;text-align:center}.support-page.dark-mode .support-info-card{background:var(--gray-50);border-color:var(--gray-100)}.info-icon{font-size:2rem;margin-bottom:1rem}.support-info-card h3{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--black)}.support-info-card p{font-size:.9rem;line-height:1.6;color:var(--gray-400)}.support-cta-section{padding:6rem 2rem;text-align:center;background:var(--gray-50)}.support-page.dark-mode .support-cta-section{background:var(--gray-50)}.support-cta-content{max-width:600px;margin:0 auto}.support-cta-content h2{font-family:Syne,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;margin-bottom:1rem;color:var(--black)}.support-cta-content p{font-size:1.05rem;line-height:1.7;color:var(--gray-400)}@media (max-width: 768px){.support-hero{padding:9rem 1.5rem 4rem}.support-content-section{padding:3rem 1.5rem 4rem}.main-card{padding:2rem 1.5rem}.support-info-grid{grid-template-columns:1fr;gap:1rem}.support-cta-section{padding:4rem 1.5rem}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--black);color:var(--white);padding:1.5rem 2rem;z-index:10000;box-shadow:0 -4px 20px #00000026;border-top:2px solid var(--gray-200);animation:slideUp .3s ease}.dark-mode .cookie-banner{background:var(--white);color:var(--black);border-top-color:var(--gray-300)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.cookie-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.dark-mode .cookie-icon{background:#0000000d}.cookie-icon svg{color:var(--white)}.dark-mode .cookie-icon svg{color:var(--black)}.cookie-text{flex:1}.cookie-text h4{font-family:Syne,sans-serif;font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:var(--white)}.dark-mode .cookie-text h4{color:var(--black)}.cookie-text p{margin:0;font-size:.9375rem;line-height:1.6;color:#ffffffe6}.dark-mode .cookie-text p{color:var(--gray-600)}.cookie-text a{color:var(--accent);text-decoration:underline;font-weight:600;transition:opacity .2s ease}.cookie-text a:hover{opacity:.8}.cookie-actions{flex-shrink:0;display:flex;gap:.75rem}.cookie-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-btn-primary{background:var(--accent);color:#fff}.cookie-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.cookie-btn-secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}.dark-mode .cookie-btn-secondary{color:var(--black);border-color:var(--gray-300)}.cookie-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.dark-mode .cookie-btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}@media (max-width: 1024px){.cookie-banner{padding:1.25rem 1.5rem}.cookie-banner-content{gap:1.25rem}.cookie-icon{width:40px;height:40px}.cookie-icon svg{width:20px;height:20px}.cookie-text h4{font-size:1rem}.cookie-text p{font-size:.875rem}.cookie-btn{padding:.625rem 1.25rem;font-size:.875rem}}@media (max-width: 768px){.cookie-banner{padding:1.25rem 1rem}.cookie-banner-content{flex-direction:column;text-align:center;gap:1rem}.cookie-icon{width:44px;height:44px}.cookie-actions{width:100%;flex-direction:column}.cookie-btn{width:100%;padding:.875rem 1.5rem}}@media (max-width: 640px){.cookie-banner{padding:1rem}.cookie-text h4{font-size:.9375rem;margin-bottom:.375rem}.cookie-text p{font-size:.8125rem;line-height:1.5}.cookie-icon{display:none}}@media (max-width: 390px){.cookie-banner{padding:.875rem}.cookie-text h4{font-size:.875rem}.cookie-text p{font-size:.75rem}.cookie-btn{font-size:.8125rem;padding:.75rem 1.25rem}}:root{--accent: #3b82f6;--accent-dark: #2563eb;--purple: #8b5cf6;--black: #000000;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-600: #525252;--gray-800: #262626;--gray-900: #171717}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-family:Syne,sans-serif;font-weight:800}h3,h4,h5,h6{font-family:Lato,sans-serif;font-weight:600}button{font-family:Lato,sans-serif;cursor:pointer;border:none;outline:none}input,textarea{font-family:Lato,sans-serif}.loading-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--white)}.loader{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--gray-100) 1px,transparent 1px),linear-gradient(90deg,var(--gray-100) 1px,transparent 1px);background-size:50px 50px;z-index:-2;opacity:.5}.gradient-orb-1{position:fixed;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:float 20s ease-in-out infinite}.gradient-orb-2{position:fixed;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(50px,-50px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.btn{padding:1rem 2rem;font-weight:600;font-size:.875rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;border:2px solid}.btn-primary{background:var(--black);color:var(--white);border-color:var(--black)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--black);border-color:var(--gray-300)}.btn-secondary:hover{border-color:var(--black)}