@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--midu-bg:#050505;--midu-text:#f8fafc;--midu-muted:#a1a1aa;--midu-border:#ffffff1a;--midu-surface:#ffffff08;--font-sans:"Plus Jakarta Sans", sans-serif;--font-serif:"Instrument Serif", serif}html,body{background-color:var(--midu-bg);color:var(--midu-text);font-family:var(--font-sans)}.landing-container{background-color:var(--midu-bg);width:100%;min-height:100vh;color:var(--midu-text);overflow-x:hidden}.custom-cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background-color .3s;display:flex;position:fixed;top:0;left:0}.custom-cursor.hovering{background-color:#0000;border:1px solid #fff;width:80px;height:80px}.cursor-text{color:#fff;letter-spacing:.05em;opacity:0;font-size:.75rem;font-weight:700;transition:opacity .3s}.custom-cursor.hovering .cursor-text{opacity:1;transition-delay:.1s}.landing-nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.5rem 4vw;transition:background-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--midu-border);background-color:#050505b3}.nav-logo{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.nav-logo-icon{color:#000;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.nav-links{color:var(--midu-muted);gap:3rem;font-size:.95rem;font-weight:500;display:flex}.nav-link{cursor:pointer;transition:color .2s}.nav-link:hover{color:#fff}.nav-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600}.hero-section{flex-direction:column;align-items:center;min-height:150vh;padding:22vh 4vw 0;display:flex;position:relative;overflow:hidden}.hero-massive-bg-wrapper{z-index:0;pointer-events:none;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.hero-massive-text{font-family:var(--font-serif);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(#ff00220d 0%,#f02 50%,#ff7d4e 100%);color:#0000;filter:drop-shadow(0 0 80px #ff00224d);opacity:.9;-webkit-background-clip:text;font-size:30vw;font-weight:400;line-height:.8}.hero-content-layer{z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #0006}.hero-badge .dot{background-color:#f02;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #f02c}.hero-title{letter-spacing:-.04em;text-align:center;text-shadow:0 4px 30px #000c;max-width:1000px;margin:0 0 1.5rem;font-size:clamp(3rem,7.5vw,7rem);font-weight:600;line-height:1.05}.hero-title .serif{font-family:var(--font-serif);color:#e4e4e7;font-style:italic;font-weight:400;display:block}.hero-desc{color:#d4d4d8;text-align:center;text-shadow:0 2px 10px #000c;max-width:600px;margin-bottom:3.5rem;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:500;line-height:1.6}.hero-actions{align-items:center;gap:1rem;display:flex}.hero-btn-primary{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:.8rem;padding:1.1rem 2.5rem;font-size:1.05rem;font-weight:700;display:flex}.hero-ui-composition{justify-content:center;width:100%;max-width:1000px;margin-top:8rem;display:flex;position:relative}.hero-panel-main{-webkit-backdrop-filter:blur(20px);z-index:5;background:#0f0f0fcc;border:none;border-radius:24px;width:100%;max-width:800px;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.hero-panel-main:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ff0022b3,#ff7d4e1a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-panel-floating{-webkit-backdrop-filter:blur(30px);z-index:10;background:#141414e6;border:none;border-radius:16px;width:320px;padding:1.5rem;position:absolute;top:40%;right:-5%;box-shadow:0 30px 60px #0009}.hero-panel-floating:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f02c,#ff7d4e33);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ui-header-glass{border-bottom:1px solid var(--midu-border);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.ui-avatar{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex}.ui-badge-glass{letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:.4rem 1rem;font-size:.75rem;font-weight:600}.ui-stat-glass{border:1px solid var(--midu-border);background:#ffffff08;border-radius:16px;flex:1;padding:1.5rem}.ui-task-list{flex-direction:column;gap:.8rem;display:flex}.ui-task-item{border:1px solid var(--midu-border);background:#ffffff05;border-radius:12px;padding:1.2rem}.ui-progress-track{background:#ffffff0d;border-radius:10px;height:6px;margin-top:.8rem;overflow:hidden}.ui-progress-fill{border-radius:10px;height:100%}.marquee-wrapper{border-top:1px solid var(--midu-border);border-bottom:1px solid var(--midu-border);background:#ffffff03;width:100%;padding:4rem 0;overflow:hidden}.marquee-track{width:max-content;display:flex}.marquee-content{letter-spacing:.1em;color:var(--midu-muted);align-items:center;gap:4rem;padding-right:4rem;font-size:1.1rem;font-weight:600;display:flex}.marquee-content .dot{color:#f02}.showcase-section{max-width:1300px;margin:0 auto;padding:15vh 4vw 10vh}.section-header.center{text-align:center;flex-direction:column;align-items:center;margin-bottom:6rem;display:flex}.section-tag{font-family:var(--font-serif);color:#f02;margin-bottom:1rem;font-size:1.8rem;font-style:italic}.section-title{letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.1}.showcase-grid{grid-template-columns:1fr 1fr;gap:3vw;display:grid}.showcase-col{flex-direction:column;gap:3vw;display:flex}.showcase-col.mt-large{margin-top:10vw}.glow-card{background:#0f0f0f80;border:none;border-radius:24px;position:relative;overflow:hidden}.glow-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#f026,#ff7d4e0d);padding:1px;transition:background .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-card:hover:before{background:linear-gradient(135deg,#f02c,#ff7d4e33)}.glow-effect{pointer-events:none;z-index:1;opacity:0;transition:opacity .3s;position:absolute;inset:0}.glow-card:hover .glow-effect{opacity:1}.glow-content{z-index:2;flex-direction:column;height:100%;padding:3.5rem;display:flex;position:relative}.feature-icon{color:#ff7d4e;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:2.5rem;display:flex}.feature-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.feature-desc{color:var(--midu-muted);font-size:1.1rem;line-height:1.6}.showcase-visual{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex:1;min-height:200px;margin-top:3rem}.testimonial-section{text-align:center;max-width:1000px;margin:0 auto;padding:15vh 4vw}.quote-text{font-family:var(--font-serif);color:#fff;margin-bottom:3rem;font-size:clamp(2rem,4vw,3.5rem);font-style:italic;font-weight:400;line-height:1.2}.quote-author{letter-spacing:.05em;color:var(--midu-muted);font-size:1.1rem;font-weight:600}.quote-author span{color:#f02}.faq-section{max-width:800px;margin:0 auto;padding:10vh 4vw 20vh}.faq-item{border-bottom:1px solid var(--midu-border);cursor:pointer;padding:2rem 0}.faq-q{justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:600;transition:color .3s;display:flex}.faq-item:hover .faq-q{color:#ff7d4e}.faq-icon{color:var(--midu-muted);font-size:1.5rem;font-weight:400;transition:transform .4s}.faq-icon.open{color:#f02;transform:rotate(45deg)}.faq-a{overflow:hidden}.faq-a p{color:var(--midu-muted);padding-top:1rem;font-size:1.1rem;line-height:1.6}.midu-footer{border-top:1px solid var(--midu-border);flex-direction:column;align-items:center;padding:15vh 4vw 4vw;display:flex;position:relative;overflow:hidden}.footer-cta-text{font-family:var(--font-serif);color:#fff;text-align:center;z-index:10;cursor:pointer;margin:0;font-size:clamp(4rem,12vw,15rem);font-style:italic;font-weight:400;line-height:.9;transition:color .4s;position:relative}.footer-cta-text:hover{color:#f02}.footer-bottom{border-top:1px solid var(--midu-border);width:100%;color:var(--midu-muted);z-index:10;justify-content:space-between;align-items:center;margin-top:8rem;padding-top:3rem;font-size:.95rem;font-weight:600;display:flex;position:relative}.footer-link{cursor:pointer;transition:color .2s}.footer-link:hover{color:#fff}@media (width<=1024px){.nav-links{display:none}.showcase-grid{grid-template-columns:1fr;gap:2rem}.showcase-col.mt-large{margin-top:0}.hero-panel-floating{display:none}.footer-bottom{flex-direction:column;gap:2rem}}:root{--bg-primary:#050505;--bg-surface:#0f0f0fcc;--bg-elevated:#ffffff08;--border-color:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#a1a1aa;--text-muted:#71717a;--brand-primary:#f02;--brand-hover:#ff7d4e;--brand-gradient:linear-gradient(135deg, #f02 0%, #ff7d4e 100%);--success:#10b981;--warning:#f59e0b;--danger:#f02;--info:#3b82f6;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 12px 0 #00000080;--shadow-lg:0 12px 30px 0 #0009;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}html:not(.dark){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f5f7fb;--bg-surface:#ffffffe0;--bg-elevated:#fff;--border-color:#0f172a1a;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--shadow-sm:0 1px 3px 0 #0f172a14;--shadow-md:0 4px 12px 0 #0f172a1a;--shadow-lg:0 12px 30px 0 #0f172a24}html:not(.dark) body{background:var(--bg-primary);color:var(--text-primary)}html:not(.dark) .card{background-color:#ffffffc7}html:not(.dark) .modal-overlay{background-color:#0f172a47}html:not(.dark) .desktop-sidebar button:hover{background:#0f172a0d!important}html:not(.dark) .mobile-bottom-nav{background:#ffffffeb!important}html:not(.dark) input,html:not(.dark) textarea,html:not(.dark) select{color:var(--text-primary)!important}html.dark{--bg-primary:#050505;--bg-surface:#0f0f0fcc;--bg-elevated:#ffffff08;--border-color:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#a1a1aa;--text-muted:#71717a}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;padding-bottom:70px;display:flex}@media (width>=768px){.main-content{margin-left:260px;padding-bottom:0}}.page-body{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.navbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;display:flex;position:sticky;top:0}.card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);background-color:#0f0f0f80;border-radius:20px;padding:1.5rem;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}.card-hover:hover{background-color:#140f0fb3;border-color:#f026;transform:translateY(-4px);box-shadow:0 15px 40px -10px #f023}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 20px #ff002259}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-outline{border:1px solid var(--brand-primary);color:var(--brand-primary);background:0 0}.btn-outline:hover{background-color:var(--brand-primary);color:#fff}.badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#d97706;background:#f59e0b26}.badge-in-progress{color:#2563eb;background:#3b82f626}.badge-completed{color:#059669;background:#10b98126}.badge-overdue{color:#dc2626;background:#ef444426}.badge-high{color:#ef4444;background:#ef44441f}.badge-medium{color:#f59e0b;background:#f59e0b1f}.badge-low{color:#10b981;background:#10b9811f}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:.65rem .9rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}.progress-track{background-color:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--brand-gradient);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:550px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.2s ease-out modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::selection{color:#fff;background:#ff002247}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:active,.btn:active{transform:scale(.97)}.btn:focus-visible,button:focus-visible,a:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline-offset:3px;outline:2px solid #ff7d4ee6}.card{box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff06;position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff09 45%,#0000 70%);transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-120%)}.card:hover:after{transform:translate(120%)}.card-hover:hover{transform:translateY(-5px)scale(1.005)}.page-body>*{animation:.5s cubic-bezier(.16,1,.3,1) both tracklyPageIn}@keyframes tracklyPageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.progress-fill{box-shadow:0 0 14px #ff002240}.modal-card{animation:.28s cubic-bezier(.16,1,.3,1) tracklyModalIn}@keyframes tracklyModalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=768px){.desktop-sidebar{box-shadow:12px 0 40px #00000029;background:radial-gradient(circle at 10% 0%, #ff002214, transparent 28%), var(--bg-surface)!important}.desktop-sidebar button:hover{transform:translate(3px);color:var(--text-primary)!important;background:#ffffff0b!important}.desktop-sidebar button{position:relative}.desktop-sidebar button:after{content:"";background:var(--brand-primary);border-radius:99px;width:3px;height:0;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.desktop-sidebar button:hover:after{height:55%}}.navbar{box-shadow:0 8px 30px #0000001f}.navbar .btn-secondary{transition:transform .2s,background .2s,border-color .2s}.navbar .btn-secondary:hover{background:#ffffff0f;border-color:#ff7d4e59;transform:translateY(-2px)}@media (width<=767px){.navbar{gap:.5rem;height:62px;padding:0 .85rem}.navbar>div:first-child{flex:1;min-width:0}.navbar>div:first-child>div:first-child{width:min(42vw,190px)!important}.navbar>div:first-child>.btn{display:none}.navbar>div:last-child{gap:.45rem!important}.navbar .form-input{height:34px!important}.page-body{padding:1rem .85rem 1.5rem}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -10px 30px #0000002e;background:#0a0a0ae0!important;height:70px!important}.mobile-bottom-nav button{border-radius:12px;min-width:58px;transition:background .2s,color .2s,transform .2s;padding:.35rem .25rem!important}.mobile-bottom-nav button:hover{background:#ffffff0d}.card{border-radius:16px}html:not(.dark) .mobile-bottom-nav{color:var(--text-primary)}h1{font-size:1.5rem}h2{font-size:1.2rem}}.loading-skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a) 0 0/200% 100%;border-radius:10px;animation:1.5s ease-in-out infinite tracklySkeleton}@keyframes tracklySkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}