.fixed-theme-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-color)}.fixed-theme-toggle:hover{background:#fff3;transform:scale(1.05)}.dark .fixed-theme-toggle{background:#0000004d;border-color:#ffffff1a}.dark .fixed-theme-toggle:hover{background:#00000080}@media (max-width: 768px){.fixed-theme-toggle{top:1rem;right:1rem;width:2.5rem;height:2.5rem}}:root{--bg-color-start: #f9fafb;--bg-color-end: #f3f4f6;--card-bg-color: #ffffff;--header-bg-color: rgba(255, 255, 255, .75);--text-primary: #1f2937;--text-secondary: #4b5563;--shadow-color: rgba(0, 0, 0, .04);--shadow-color-hover: rgba(0, 0, 0, .1);--glow-color: rgba(34, 197, 94, .3)}.dark{--bg-color-start: #0d1117;--bg-color-end: #161b22;--card-bg-color: #161b22;--header-bg-color: rgba(13, 17, 23, .75);--text-primary: #e6edf3;--text-secondary: #8b949e;--shadow-color: rgba(0, 0, 0, .2);--shadow-color-hover: rgba(0, 0, 0, .3);--glow-color: rgba(74, 222, 128, .2)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:transparent}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Inter,system-ui,sans-serif}body{margin:0;line-height:inherit;background:radial-gradient(circle at 10% 20%,var(--bg-color-start),var(--bg-color-end));color:var(--text-primary);transition:background-color .3s,color .3s;overflow-x:hidden}svg{display:block}button{cursor:pointer;background:transparent;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}.animate-on-load{opacity:0}.fade-in-up{animation:fadeInUp .7s cubic-bezier(.25,.46,.45,.94) forwards}.fade-in-down{animation:fadeInDown .7s cubic-bezier(.25,.46,.45,.94) forwards}.header-container{text-align:center;padding:2.5rem 1rem;position:relative;background-color:var(--header-bg-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px -5px var(--shadow-color)}.header-content{max-width:42rem;margin:0 auto}.main-title{font-size:clamp(2.25rem,5vw,3rem);font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}.subtitle{margin-top:1rem;color:var(--text-secondary);font-size:1.125rem}.gradient-text{display:inline-block;background-image:linear-gradient(45deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .gradient-text{background-image:linear-gradient(45deg,#4ade80,#22c55e)}.theme-toggle-button{position:absolute;top:1.5rem;right:1.5rem;color:var(--text-secondary);padding:.5rem;border-radius:9999px;transition:color .2s,background-color .2s}.theme-toggle-button:hover{color:var(--text-primary);background-color:#8080801a}.main-content{flex-grow:1;max-width:72rem;margin:3rem auto;padding:0 1.5rem}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{border-radius:.75rem;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--card-bg-color);box-shadow:0 4px 15px var(--shadow-color);padding:1.5rem;text-align:center}.feature-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px var(--shadow-color-hover),0 0 20px var(--glow-color)}.card-icon-container{margin-bottom:1rem;color:#22c55e}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.card-text{margin-top:.5rem;color:var(--text-secondary)}.w-16,.h-16{width:4rem;height:4rem;margin:0 auto}.w-5,.h-5{width:1.25rem;height:1.25rem}.app-preview-section{padding:4rem 0;margin-top:3rem;text-align:center}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:3rem}.preview-carousel-wrapper{position:relative;max-width:100%}.preview-carousel-wrapper:before,.preview-carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.preview-carousel-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-color-end),transparent)}.preview-carousel-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-color-end),transparent)}.preview-carousel{display:flex;overflow-x:auto;padding:2rem 50px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.preview-carousel::-webkit-scrollbar{display:none}.glass-phone-mockup{flex:0 0 270px;height:540px;margin:0 1.5rem;border-radius:40px;padding:10px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #0000001a;transition:transform .4s ease;transform-style:preserve-3d;scroll-snap-align:center}.glass-phone-mockup:first-child{margin-left:auto}.glass-phone-mockup:last-child{margin-right:auto}.dark .glass-phone-mockup{background-color:#1e293b1a;border:1px solid rgba(255,255,255,.1)}.glass-phone-mockup:hover{transform:perspective(1000px) rotateY(-5deg) scale(1.03)}.screenshot-img{width:100%;height:100%;border-radius:30px;object-fit:cover;display:block}.footer-container{width:100%;padding:2.5rem 1rem;text-align:center;color:var(--text-secondary)}.footer-links{display:flex;justify-content:center;align-items:center;gap:1.5rem}.footer-link{text-decoration:none;color:#3b82f6;transition:color .2s}.footer-link:hover{color:#22c55e}.dark .footer-link{color:#60a5fa}.dark .footer-link:hover{color:#4ade80}.page-container{background:var(--bg-color-start)}.page-content{max-width:48rem;margin:3rem auto;padding:0 1rem}.back-button{margin-bottom:2rem;background-color:#22c55e;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 2px 8px var(--glow-color);display:flex;align-items:center;gap:.5rem;transition:background-color .2s,transform .2s}.back-button:hover{background-color:#16a34a;transform:translateY(-2px)}.prose{color:var(--text-secondary);max-width:65ch}.prose h1{font-size:2.25em;font-weight:800;color:var(--text-primary);margin-bottom:1em}.prose h2{font-size:1.5em;font-weight:700;color:var(--text-primary);margin-top:2em;margin-bottom:1em}.prose p,.prose ul,.prose ol{line-height:1.6}.prose a{color:#3b82f6;text-decoration:none;transition:color .2s}.prose a:hover{text-decoration:underline;color:#16a34a}.dark .prose a{color:#60a5fa}.dark .prose a:hover{color:#4ade80}.prose strong{font-weight:600;color:var(--text-primary)}