:root{--bg-primary:#0d0d16;--bg-secondary:#12121e;--bg-card:#1a1a2c;--border-color:#2a2a42;--accent:#8b35d4;--accent-hover:#a040f0;--accent-subtle:#8b35d424;--text-primary:#e8e8f5;--text-secondary:#9090b8;--text-muted:#5a5a8a;--nav-bg:#0d0d16e6;--section-frost:color-mix(in srgb, var(--bg-secondary) 52%, transparent);--section-blur:16px;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}[data-theme=light]{--bg-primary:#f4f4fb;--bg-secondary:#fff;--bg-card:#ebebf7;--border-color:#d0d0e8;--accent:#7b2fbe;--accent-hover:#6520a8;--accent-subtle:#7b2fbe17;--text-primary:#0d0d1e;--text-secondary:#3a3a5a;--text-muted:#7070a0;--nav-bg:#f4f4fbe6;--section-frost:#c9c2ea24;--section-blur:7px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001f;--shadow-lg:0 8px 40px #00000029}html{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{min-height:100vh}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}.scroll-progress{z-index:110;background:linear-gradient(90deg, var(--accent), var(--accent-hover));transform-origin:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.dot-nav{z-index:40;transition:opacity .25s;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.dot-nav--hidden{opacity:0;pointer-events:none}.dot-nav-list{flex-direction:column;gap:6px;list-style:none;display:flex;position:relative}.dot-nav-list:before{content:"";background:var(--border-color);width:1px;position:absolute;top:10px;bottom:10px;right:11px}.dot-nav-item{cursor:pointer;justify-content:flex-end;align-items:center;width:24px;height:24px;display:flex;position:relative}.dot-nav-dot{background:var(--bg-primary);border:2px solid var(--text-muted);border-radius:50%;width:9px;height:9px;margin-right:7px;transition:transform .25s,background-color .25s,border-color .25s,box-shadow .25s;position:relative}.dot-nav-item:hover .dot-nav-dot,.dot-nav-item:focus-visible .dot-nav-dot{border-color:var(--accent-hover);transform:scale(1.25)}.dot-nav-item.active .dot-nav-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-subtle);transform:scale(1.35)}.dot-nav-item:focus-visible{outline:none}.dot-nav-item:focus-visible .dot-nav-dot{box-shadow:0 0 0 3px var(--accent-subtle), 0 0 0 4px var(--accent)}.dot-nav-label{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;margin-right:10px;padding:6px 12px;font-size:12.5px;font-weight:600;line-height:1;transition:opacity .18s,transform .18s;position:absolute;right:100%;transform:translate(6px)}.dot-nav-item:hover .dot-nav-label,.dot-nav-item:focus-visible .dot-nav-label{opacity:1;transform:translate(0)}.dot-nav-item.active .dot-nav-label{color:var(--accent)}@media (width<=1199px),(hover:none){.dot-nav{display:none}}@media (prefers-reduced-motion:reduce){.dot-nav,.dot-nav-dot,.dot-nav-label{transition:none}}.ambient{--fold-bg-edge:#000;--fold-bg-mid:#0a1a35;--fold-panel:#0d2547;--fold-panel-shade:#060d1a;z-index:-1;pointer-events:none;background:linear-gradient(to right, var(--fold-bg-edge) 25%, var(--fold-bg-mid), var(--fold-bg-edge) 75%);position:fixed;inset:0;overflow:hidden}[data-theme=light] .ambient{--fold-bg-edge:#e3e6ec;--fold-bg-mid:#f1f3f7;--fold-panel:#fff;--fold-panel-shade:#d5d9e1}.ambient-fold{--sy:0;perspective:650px;perspective-origin:50%;opacity:.9;position:absolute;inset:0}.ambient-fold-strip{transform-style:preserve-3d;transform:translateY(calc(var(--sy) * -.3px));will-change:transform;justify-items:center;display:grid}.ambient-fold-panel{background:linear-gradient(to right, var(--fold-panel) 70%, var(--fold-panel-shade));width:100%;height:340px;transform-style:preserve-3d;transform-origin:100%;transform:translate(-50%)rotateY(65deg)}.ambient-fold-panel--alt{background:linear-gradient(to left, var(--fold-panel) 70%, var(--fold-panel-shade));transform-origin:0;transform:translate(50%)rotateY(-65deg)}.apps-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto;display:grid}.app-card{text-align:left;background:radial-gradient(circle at 0% 0%, var(--app-accent-subtle) 0%, transparent 60%), var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.app-card:before{content:"";background:var(--app-accent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.app-card:hover{box-shadow:var(--shadow-md);border-color:var(--app-accent);transform:translateY(-4px)}.app-card-head{align-items:center;gap:16px;display:flex}.app-card-icon{border-radius:16px;flex-shrink:0;width:68px;height:68px;box-shadow:0 6px 16px #00000038}.app-card-titles{flex-direction:column;gap:4px;min-width:0;display:flex}.app-card-name{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.1}.app-card-platform{letter-spacing:1px;text-transform:uppercase;color:var(--app-accent);font-size:11px;font-weight:800}.app-card-tagline{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.4}.app-card-desc{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.65}.app-card-tags{flex-wrap:wrap;gap:6px;display:flex}.app-card-tag{color:var(--app-accent);background:var(--app-accent-subtle);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.app-card-cta{color:var(--app-accent);background:var(--app-accent-subtle);border:1px solid var(--app-accent);border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:2px;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .15s;display:inline-flex}.app-card:hover .app-card-cta{transform:translate(3px)}@media (width<=768px){.apps-grid{grid-template-columns:1fr;gap:16px}}.work-subsection{max-width:960px;margin:0 auto}.work-subsection+.work-subsection{margin-top:64px}.work-subsection-header{border-left:3px solid var(--accent);margin-bottom:26px;padding-left:16px}.work-subsection-heading{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:6px;display:flex}.work-count{letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-subtle);border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.work-subsection-title{color:var(--text-primary);font-size:19px;font-weight:700;line-height:1.3}.work-subsection-desc{color:var(--text-secondary);max-width:640px;font-size:14px;line-height:1.6}.work-viewall-row{justify-content:center;margin-top:28px;display:flex}@media (width<=768px){.work-subsection+.work-subsection{margin-top:48px}.work-subsection-title{font-size:17.5px}}.projects-carousel{align-items:center;gap:12px;display:flex}.projects-viewport{flex:1;min-width:0}.projects-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:20px;padding:6px 0 14px;display:flex;overflow-x:auto}.projects-track::-webkit-scrollbar{display:none}.projects-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;display:flex}.projects-slide>.project-card{width:100%;max-width:680px;margin:0 auto}.projects-carousel .carousel-arrow:disabled{opacity:.35;cursor:default;pointer-events:none}.project-card--featured .project-name{margin-bottom:10px;font-size:19px}.project-card--featured .project-description-preview{-webkit-line-clamp:4;max-height:6.6em;font-size:14px}.project-card-tags{margin-top:14px}.project-card--featured .tech-tag{padding:3px 10px;font-size:12px}@media (width>=1000px){.projects-slide>.project-card{max-width:none}.project-card--featured{flex-direction:row}.project-card--featured .project-thumb-wrap{aspect-ratio:auto;flex:0 0 56%;min-height:280px}.project-card--featured .project-thumb{object-position:top center}.project-card--featured .project-card-body{justify-content:center;padding:24px 26px}}.projects-dots{justify-content:center;gap:8px;margin-top:4px;display:flex}.projects-dot{background:var(--border-color);border-radius:999px;width:9px;height:9px;transition:width .25s,background-color .25s}.projects-dot.active{background:var(--accent);width:24px}@media (width<=768px){.projects-carousel>.carousel-arrow{display:none}}.all-projects-modal{max-width:1040px;height:min(88vh,900px);max-height:none}@supports (height:1dvh){.all-projects-modal{height:min(88dvh,900px)}}.all-projects-toolbar{border-bottom:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 24px 14px;display:flex}.all-projects-search{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);border-radius:10px;align-items:center;gap:10px;padding:0 12px;transition:border-color .2s,color .2s;display:flex}.all-projects-search:focus-within{border-color:var(--accent);color:var(--accent)}.all-projects-search input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-size:14px}.all-projects-search input::placeholder{color:var(--text-muted)}.all-projects-search input::-webkit-search-cancel-button{display:none}.all-projects-search-clear{width:22px;height:22px;color:var(--text-muted);border-radius:6px;font-size:12px}.all-projects-search-clear:hover{color:var(--text-primary);background:var(--accent-subtle)}.all-projects-techs{flex-wrap:wrap;gap:6px;max-height:92px;display:flex;overflow-y:auto}.tech-filter{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s,background-color .2s}.tech-filter:hover{color:var(--accent);border-color:var(--accent)}.tech-filter.active{background:var(--accent);border-color:var(--accent);color:#fff}.all-projects-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.all-projects-clear{color:var(--accent);font-size:12.5px;font-weight:600}.all-projects-clear:hover{text-decoration:underline}.all-projects-results{flex:1;min-height:0;padding:20px 24px 24px;overflow-y:auto}.all-projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.all-projects-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:14px;padding:48px 16px;display:flex}@media (width<=768px){.all-projects-toolbar{padding:14px 16px 12px}.all-projects-search input{font-size:16px}.all-projects-techs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-height:none;padding-bottom:2px;overflow:auto hidden}.all-projects-techs::-webkit-scrollbar{display:none}.tech-filter{flex-shrink:0}.all-projects-results{padding:16px}.all-projects-grid{grid-template-columns:1fr}}.phone-frame{background:#1a1a2c;border:6px solid #2a2a42;border-radius:32px;width:200px;height:420px;padding:10px;position:relative;box-shadow:0 8px 40px #00000080}.phone-frame-screen{color:#e6edf3;background:#0d1117;border-radius:22px;width:100%;height:100%;position:relative;overflow:hidden}.phone-frame-home{background:#2a2a42;border-radius:4px;width:64px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.frame-shot{object-fit:cover;width:100%;height:100%;display:block}.tablet-frame{aspect-ratio:4/3.16;background:#1a1a2c;border:10px solid #2a2a42;border-radius:22px;width:100%;max-width:460px;padding:0;position:relative;box-shadow:0 20px 60px #00000073}.tablet-frame-camera{z-index:2;background:#444;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.tablet-frame-screen{color:#e6edf3;background:#0d1117;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.app{isolation:isolate;background:var(--bg-primary);min-height:100vh;transition:background-color .3s;position:relative}.main-content{padding-top:64px}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:64px;transition:background-color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.navbar-inner{align-items:center;gap:32px;max-width:1024px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{flex-shrink:0}.navbar-logo img{width:auto;height:40px}.navbar-links{flex:1;gap:4px;display:flex}.navbar-links li button{color:var(--text-secondary);border-radius:6px;padding:6px 14px;font-size:14px;font-weight:500;transition:color .2s,background-color .2s}.navbar-links li button:hover{color:var(--text-primary);background:var(--accent-subtle)}.navbar-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.theme-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.theme-btn:hover{color:var(--accent);background:var(--accent-subtle)}.lang-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:2px;padding:4px 6px;transition:background-color .3s,border-color .3s;display:flex}.lang-option{color:var(--text-muted);letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;transition:color .2s,background-color .2s}.lang-option.active{color:var(--accent);background:var(--accent-subtle)}.lang-option:hover:not(.active){color:var(--text-secondary)}.lang-sep{color:var(--border-color);-webkit-user-select:none;user-select:none;font-size:12px}.section{background:var(--section-frost);-webkit-backdrop-filter:blur(var(--section-blur)) saturate(1.15);backdrop-filter:blur(var(--section-blur)) saturate(1.15);border-top:1px solid color-mix(in srgb, var(--border-color) 70%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border-color) 70%, transparent);padding:80px 24px;transition:background-color .3s}.section-alt{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top-color:#0000;border-bottom-color:#0000}.section-inner{max-width:960px;margin:0 auto}.section-title{max-width:960px;color:var(--text-primary);margin:0 auto 48px;padding-bottom:14px;font-size:32px;font-weight:700;transition:color .3s;position:relative}.section-title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:0}.about-inner{align-items:flex-start;gap:48px;max-width:960px;margin:0 auto;display:flex}.about-photo-wrap{flex-shrink:0}.about-photo{object-fit:cover;border:3px solid var(--accent);width:180px;height:180px;box-shadow:var(--shadow-md);background:var(--bg-card);border-radius:50%}.about-text{flex:1}.about-name{color:var(--text-primary);margin-bottom:16px;font-size:28px;font-weight:700;transition:color .3s}.about-bio{color:var(--text-secondary);font-size:16px;line-height:1.75;transition:color .3s}.jobs-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.job-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s}.job-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-card-top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.job-logo{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.job-logo img{object-fit:contain;width:100%;height:100%}.job-meta{flex-direction:column;gap:4px;display:flex}.job-company{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.2;transition:color .3s}.job-period{color:var(--accent);font-size:13px;font-weight:500}.job-description{color:var(--text-secondary);font-size:14px;line-height:1.7;transition:color .3s}.schools-list{flex-direction:column;gap:16px;max-width:960px;margin:0 auto;display:flex}.school-item{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:20px;padding:20px 24px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s;display:flex}.school-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.school-image{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.school-image img{object-fit:contain;width:100%;height:100%}.school-info{flex-direction:column;gap:6px;display:flex}.school-name{color:var(--text-primary);font-size:18px;font-weight:700;transition:color .3s}.school-period{color:var(--accent);font-size:14px;font-weight:500}.carousel-wrapper{align-items:center;gap:12px;max-width:960px;margin:0 auto;display:flex}.carousel-arrow{background:var(--bg-card);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:flex}.carousel-arrow:active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);transform:scale(.94)}@media (hover:hover){.carousel-arrow:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);transform:scale(1.1)}}.carousel-viewport{flex:1;padding:6px 0;overflow:hidden}.carousel-track{will-change:transform;gap:16px;display:flex}.carousel-set{flex-shrink:0;gap:16px;display:flex}.category-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;cursor:pointer;min-width:140px;box-shadow:var(--shadow-sm);border-radius:14px;flex-shrink:0;padding:28px 20px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}.category-card:hover{border-color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-md);transform:translateY(-3px)}.category-card-label{color:var(--text-primary);letter-spacing:.3px;font-size:15px;font-weight:700;transition:color .2s}.category-card:hover .category-card-label{color:var(--accent)}.category-card--icon{padding:10px}.category-card-icon{object-fit:contain;border-radius:10px;width:100%;height:80px;transition:transform .2s;display:block}.category-card:hover .category-card-icon{transform:scale(1.06)}.modal-overlay{z-index:200;opacity:0;-webkit-backdrop-filter:blur();background:#000000b3;justify-content:center;align-items:center;padding:24px;transition:opacity .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1;-webkit-backdrop-filter:blur(8px)}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:900px;max-height:80vh;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);display:flex;overflow:hidden;transform:scale(.93)translateY(24px)}.modal-container.visible{opacity:1;transform:scale(1)translateY(0)}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:color .2s,background-color .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--accent-subtle)}.cert-grid{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px;display:grid;overflow-y:auto}.cert-grid::-webkit-scrollbar{width:6px}.cert-grid::-webkit-scrollbar-track{background:0 0}.cert-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.cert-card{cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.cert-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cert-thumb{aspect-ratio:.77;background:var(--bg-secondary);width:100%;color:var(--text-muted);pointer-events:none;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.cert-thumb canvas{width:100%;height:auto;display:block}.thumb-spinner{border:2px solid #8b35d433;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.cert-name{color:var(--text-secondary);text-align:center;font-size:12px;font-weight:600;line-height:1.4;transition:color .2s}.cert-card:hover .cert-name{color:var(--accent)}.pdf-overlay-backdrop{z-index:300;-webkit-backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.pdf-overlay{z-index:301;background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:1100px;height:85vh;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);display:flex;position:relative;overflow:hidden;transform:scale(.95)translateY(24px)}.pdf-overlay.visible{opacity:1;transform:scale(1)translateY(0)}.pdf-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.pdf-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.pdf-close-btn{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;padding:7px 18px;font-size:13px;font-weight:600;transition:background-color .2s,transform .1s}.pdf-close-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.pdf-frame{border:none;flex:1;width:100%}.pdf-spinner-overlay{z-index:350;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-spinner{border:3px solid #8b35d433;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.job-description-preview{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;font-size:14px;line-height:1.7;transition:color .3s;display:-webkit-box;overflow:hidden}.job-more-btn{background:var(--accent-subtle);color:var(--accent);border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;margin-top:12px;padding:7px 14px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,transform .15s;display:inline-flex}.job-more-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.job-modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:640px;max-height:80vh;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);display:flex;overflow:hidden;transform:scale(.93)translateY(24px)}.job-modal-container.visible{opacity:1;transform:scale(1)translateY(0)}.job-modal-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;align-items:center;gap:24px;padding:24px;display:flex;overflow-y:auto}.job-modal-description{color:var(--text-secondary);text-align:justify;flex:1;font-size:15px;line-height:1.8}.job-modal-logo{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.job-modal-logo img{object-fit:contain;width:100%;height:100%}.job-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-thumb-wrap{aspect-ratio:16/9;background:var(--bg-secondary);flex-shrink:0;width:100%;overflow:hidden}.project-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.project-card:hover .project-thumb{transform:scale(1.04)}.project-card-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.project-name{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:700;transition:color .3s}.project-description-preview{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;max-height:4.95em;margin-bottom:auto;font-size:13px;line-height:1.65;transition:color .3s;display:-webkit-box;overflow:hidden}.project-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.project-actions .job-more-btn{margin-top:0}.project-link-btn{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,transform .15s;display:inline-flex}.project-link-btn:hover{transform:translateY(-1px)}.project-link-btn--demo:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.project-link-btn--repo:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-secondary)}.project-link-btn--video:hover{color:#e53e3e;background:#e53e3e14;border-color:#e53e3e}.video-modal-overlay{z-index:400;opacity:0;-webkit-backdrop-filter:blur();background:#000000e0;justify-content:center;align-items:center;padding:24px;transition:opacity .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0}.video-modal-overlay.visible{opacity:1;-webkit-backdrop-filter:blur(10px)}.video-modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);width:90%;max-width:1100px;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);overflow:hidden;transform:scale(.95)translateY(20px)}.video-modal-container.visible{opacity:1;transform:scale(1)translateY(0)}.video-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.video-iframe-wrap{width:100%;height:0;padding-bottom:56.25%;position:relative}.video-iframe-wrap iframe{border:none;width:100%;height:100%;display:block;position:absolute;inset:0}.project-modal-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.project-modal-description{color:var(--text-secondary);text-align:justify;font-size:15px;line-height:1.8}.project-modal-tech{flex-direction:column;gap:10px;display:flex}.project-modal-tech-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:56px 24px 32px;transition:background-color .3s,border-color .3s}.footer-inner{flex-direction:column;align-items:center;gap:32px;max-width:960px;margin:0 auto;display:flex}.footer-title{color:var(--text-primary);padding-bottom:14px;font-size:28px;font-weight:700;transition:color .3s;position:relative}.footer-title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-link{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:14px;min-width:240px;padding:16px 24px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .3s;display:flex}.footer-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.footer-link--whatsapp:hover{background:#25d3660f;border-color:#25d366}.footer-link--whatsapp:hover .footer-icon{color:#25d366}.footer-link--email:hover{border-color:var(--accent);background:var(--accent-subtle)}.footer-link--email:hover .footer-icon{color:var(--accent)}.footer-icon{width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;transition:color .2s}.footer-link-text{flex-direction:column;gap:2px;display:flex}.footer-link-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:11px;font-weight:700;transition:color .3s}.footer-link-value{color:var(--text-primary);font-size:15px;font-weight:600;transition:color .3s}.footer-copy{color:var(--text-muted);text-align:center;font-size:13px;transition:color .3s}.tech-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.tech-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;padding:28px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s}.tech-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tech-card-title{color:var(--accent);border-bottom:1px solid var(--border-color);letter-spacing:.3px;margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:700}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{background:var(--accent-subtle);color:var(--accent);border:1px solid #0000;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,transform .15s;display:inline-block}.tech-tag:hover{border-color:var(--accent);transform:translateY(-1px)}.hamburger-btn{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;transition:background-color .2s;display:none}.hamburger-btn:hover{background:var(--accent-subtle)}.hamburger-btn span{background:var(--text-secondary);border-radius:2px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:99;padding:12px 16px 16px;position:absolute;top:64px;left:0;right:0}.mobile-menu ul{flex-direction:column;gap:2px;max-width:480px;margin:0 auto;display:flex}.mobile-menu li button{text-align:left;width:100%;color:var(--text-secondary);border-radius:8px;padding:12px 16px;font-size:15px;font-weight:500;transition:color .2s,background-color .2s}.mobile-menu li button:hover{color:var(--text-primary);background:var(--accent-subtle)}@media (width<=768px){.navbar-links{display:none}.navbar-controls{margin-left:auto}.hamburger-btn{display:flex}.section{padding:56px 20px}.section-title{margin-bottom:32px;font-size:26px}.about-inner{text-align:center;flex-direction:column;align-items:center;gap:28px}.about-name{font-size:22px}.about-bio{text-align:left;font-size:15px}.jobs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.school-name{font-size:15px}.tech-grid{grid-template-columns:1fr;gap:16px}.job-modal-body{flex-direction:column;align-items:center}.job-modal-logo{width:100px;height:100px}.modal-overlay{padding:16px}.cert-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px}.pdf-overlay-backdrop{padding:16px}.footer-link{min-width:unset;width:100%}.footer-links{flex-direction:column;width:100%;max-width:360px}}@media (width<=480px){.section{padding:48px 16px}.section-title{font-size:24px}.about-photo{width:140px;height:140px}.jobs-grid{grid-template-columns:1fr}.school-item{gap:14px;padding:16px}.school-name{font-size:14px}.modal-container{max-height:90vh}.job-modal-footer{flex-wrap:wrap;justify-content:center}.cert-grid{grid-template-columns:repeat(2,1fr)}.video-modal-overlay{padding:12px}.video-modal-container{border-radius:12px;width:100%}.footer{padding:40px 16px 24px}}.ae-page{--ae-accent:#8b35d4;--ae-accent-hover:#a040f0;--accent:#8b35d4;color:#f0eaff;background:#07050c;min-height:100vh;font-family:Fredoka,system-ui,sans-serif;overflow-x:hidden}[data-theme=light] .ae-page{color:#1c1130;background:#f4effc}.ae-topbar{z-index:50;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.ae-back{text-transform:uppercase;letter-spacing:.5px;color:#f0eaff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8b35d438;border:1px solid #8b35d480;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:background-color .2s,transform .2s;display:inline-flex}[data-theme=light] .ae-back{color:#3d1a63}.ae-back:hover{background:#8b35d459;transform:translate(-2px)}.ae-controls{align-items:center;gap:10px;display:flex}.ae-icon-btn{color:#f0eaff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8b35d438;border:1px solid #8b35d480;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-theme=light] .ae-icon-btn{color:#3d1a63}.ae-lang{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8b35d438;border:1px solid #8b35d480;border-radius:999px;align-items:center;gap:2px;padding:4px 6px;display:flex}.ae-lang button{letter-spacing:.5px;color:#c9aef2;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.ae-lang button.active{color:#fff;background:var(--ae-accent)}.ae-hero{text-align:center;flex-direction:column;align-items:center;padding:50px 24px 60px;display:flex;position:relative}.ae-hero-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#8b35d48c 0%,#8b35d400 65%);width:900px;height:700px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.ae-particle{filter:drop-shadow(0 0 10px #8b35d499);z-index:1;pointer-events:none;font-size:28px;position:absolute}.ae-hero-icon{z-index:2;filter:drop-shadow(0 18px 40px #8b35d499);width:184px;height:184px;margin-bottom:10px;position:relative}.ae-hero-kicker{z-index:2;letter-spacing:2px;text-transform:uppercase;color:var(--ae-accent-hover);margin-bottom:12px;font-size:12px;font-weight:800;position:relative}.ae-hero-title{z-index:2;letter-spacing:-1px;background:linear-gradient(135deg, #fff 20%, #d3b3ff 60%, var(--ae-accent-hover) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,7vw,68px);font-weight:900;line-height:1.05;position:relative}[data-theme=light] .ae-hero-title{background:linear-gradient(135deg,#3d1a63 20%,#7b2fbe 60%,#5c1f9a 100%);-webkit-background-clip:text;background-clip:text}.ae-hero-tagline{z-index:2;color:#c9b8e8;max-width:560px;margin:18px 0 34px;font-size:18px;line-height:1.6;position:relative}[data-theme=light] .ae-hero-tagline{color:#5a3d80}.ae-cta-row{z-index:2;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.ae-cta-primary{background:var(--ae-accent);color:#fff;border-radius:14px;align-items:center;gap:10px;padding:16px 28px;font-size:15px;font-weight:800;transition:transform .15s;animation:2.4s ease-in-out infinite ae-pulse;display:inline-flex}.ae-cta-primary:hover{transform:translateY(-3px)scale(1.02)}@keyframes ae-pulse{0%,to{box-shadow:0 0 #8b35d48c}50%{box-shadow:0 0 0 14px #8b35d400}}.ae-cta-secondary{color:#d3b3ff;background:#8b35d41f;border:1px solid #8b35d466;border-radius:14px;align-items:center;gap:10px;padding:16px 28px;font-size:15px;font-weight:700;display:inline-flex}[data-theme=light] .ae-cta-secondary{color:#5c1f9a}.ae-soon-tag{letter-spacing:.4px;text-transform:uppercase;background:var(--ae-accent);color:#fff;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800}.ae-marquee-wrap{z-index:2;background:linear-gradient(90deg, var(--ae-accent), #ff5da2);width:100%;margin:20px 0 -10px;padding:18px 0;position:relative;overflow:hidden;transform:rotate(-1.5deg)scale(1.04)}.ae-marquee-track{width:max-content;animation:26s linear infinite ae-marquee;display:flex}.ae-marquee-item{text-transform:uppercase;letter-spacing:1px;color:#fff;white-space:nowrap;padding:0 20px;font-size:16px;font-weight:800}@keyframes ae-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ae-section{z-index:2;max-width:1080px;margin:0 auto;padding:70px 24px;position:relative}.ae-section-title{text-align:center;margin-bottom:40px;font-size:30px;font-weight:900}.ae-features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.ae-feature-card{background:linear-gradient(160deg,#8b35d424,#8b35d408);border:1px solid #8b35d44d;border-radius:18px;padding:22px 20px;transition:transform .25s,border-color .25s,box-shadow .25s}.ae-feature-card:nth-child(odd){transform:rotate(-1deg)}.ae-feature-card:nth-child(2n){transform:rotate(1deg)}.ae-feature-card:hover{border-color:var(--ae-accent-hover);transform:translateY(-6px)rotate(0)scale(1.02);box-shadow:0 16px 36px #8b35d459}.ae-feature-badge{background:var(--ae-accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;font-size:13px;font-weight:900;display:inline-flex}.ae-feature-text{color:#e5d9f8;font-size:14px;line-height:1.6}[data-theme=light] .ae-feature-text{color:#3d1a63}.ae-fan{justify-content:center;align-items:flex-end;padding:40px 0 10px;display:flex}.ae-fan-phone{cursor:default;margin-left:-46px;transition:transform .3s,z-index}.ae-fan-phone:first-child{margin-left:0}.ae-fan-phone:first-child{transform:rotate(-9deg)translateY(10px)}.ae-fan-phone:nth-child(2){transform:rotate(-3deg)translateY(-6px)}.ae-fan-phone:nth-child(3){transform:rotate(3deg)translateY(-6px)}.ae-fan-phone:nth-child(4){transform:rotate(9deg)translateY(10px)}.ae-fan-phone:hover{z-index:5;transform:translateY(-18px)rotate(0)scale(1.06)}.ae-download-card{text-align:center;background:linear-gradient(160deg,#8b35d438,#ff5da214);border:1px solid #8b35d466;border-radius:24px;padding:44px 28px}.ae-download-req{color:#a98cd6;margin-top:16px;font-size:13px}[data-theme=light] .ae-download-req{color:#5a3d80}@media (width<=768px){.ae-features-grid{grid-template-columns:1fr}.ae-fan-phone{margin-left:-78px;transform:scale(.78)!important}.ae-hero-icon{width:136px;height:136px}}@media (width<=480px){.ae-fan-phone{margin-left:-104px}}.de-page{--de-accent:#ff6b35;--accent:#ff6b35;color:#241608;background:#fffaf6;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif}[data-theme=dark] .de-page{color:#fbe9dd;background:#16110d}.de-page *{box-sizing:border-box}.de-topbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:22px 32px;display:flex}.de-back{color:inherit;opacity:.75;font-size:14px;font-weight:700}.de-back:hover{opacity:1;color:var(--de-accent)}.de-controls{align-items:center;gap:14px;display:flex}.de-icon-btn{opacity:.7;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.de-icon-btn:hover{opacity:1;border-color:var(--de-accent);color:var(--de-accent)}.de-lang{gap:10px;font-size:12px;font-weight:800;display:flex}.de-lang button{opacity:.5}.de-lang button.active{opacity:1;color:var(--de-accent);text-underline-offset:4px;text-decoration:underline}.de-hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:30px 32px 80px;display:grid;position:relative}.de-blob{filter:blur(50px);opacity:.55;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.de-hero-icon{z-index:1;filter:drop-shadow(0 14px 28px #ff3d7a59);width:150px;height:150px;margin-bottom:14px;display:block;position:relative}.de-eyebrow{z-index:1;color:var(--de-accent);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.de-eyebrow:before{content:"";background:var(--de-accent);width:22px;height:2px}.de-hero-title{z-index:1;margin-bottom:20px;font-family:Fraunces,serif;font-size:clamp(38px,5.2vw,60px);font-weight:700;line-height:1.05;position:relative}.de-hero-title em{color:var(--de-accent);font-style:italic}.de-hero-tagline{z-index:1;opacity:.8;max-width:460px;margin-bottom:30px;font-size:17px;line-height:1.7;position:relative}.de-cta-row{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.de-btn{border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:14px;font-weight:700;display:inline-flex}.de-btn--primary{background:var(--de-accent);color:#fff;transition:transform .2s,box-shadow .2s}.de-btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff6b3566}.de-btn--ghost{opacity:.7;color:inherit;border:1.5px solid}.de-soon{text-transform:uppercase;color:var(--de-accent);background:#ff6b3529;border-radius:8px;padding:2px 7px;font-size:9px;font-weight:800}.de-hero-visual{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative;transform:rotate(1deg)}.de-hero-visual .tablet-frame{width:100%;max-width:420px}.de-section{max-width:1000px;margin:0 auto;padding:70px 32px}.de-section-title{margin-bottom:44px;font-family:Fraunces,serif;font-size:34px;font-weight:700}.de-feature-list{grid-template-columns:1fr 1fr;gap:0 48px;display:grid}.de-feature-row{border-top:1px solid #2416081f;gap:18px;padding:22px 0;display:flex}[data-theme=dark] .de-feature-row{border-color:#fbe9dd24}.de-feature-num{color:var(--de-accent);opacity:.55;flex-shrink:0;min-width:40px;font-family:Fraunces,serif;font-size:26px;font-weight:600}.de-feature-text{opacity:.85;padding-top:4px;font-size:14.5px;line-height:1.6}.de-bento{grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);align-items:center;gap:22px;display:grid}.de-bento-item{flex-direction:column;align-items:center;gap:12px;display:flex}.de-bento-item--big{grid-area:span 2/span 2}.de-bento-item--big .phone-frame{margin:30px 0;transform:scale(1.25)}.de-download{color:#fff;text-align:center;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);background:linear-gradient(120deg,#ff6b35,#ff3d7a);padding:70px 32px;position:relative}.de-download .de-section-title{color:#fff}.de-download-req{opacity:.85;margin-top:18px;font-size:13px}.de-download .de-btn--ghost{color:#fff;border-color:#ffffffb3}.de-download .de-soon{color:#fff;background:#ffffff40}@media (width<=860px){.de-hero{text-align:center;grid-template-columns:1fr}.de-eyebrow{justify-content:center}.de-hero-tagline{margin-left:auto;margin-right:auto}.de-cta-row{justify-content:center}.de-hero-visual .tablet-frame{max-width:320px}.de-feature-list{grid-template-columns:1fr}.de-bento{grid-template-columns:repeat(2,1fr)}.de-bento-item--big{grid-area:span 1/span 2}.de-bento-item--big .phone-frame{margin:0;transform:scale(1)}}@media (width<=480px){.de-bento{grid-template-columns:1fr}.de-bento-item--big{grid-column:span 1}}@media (width<=860px){.de-hero-icon{width:124px;height:124px;margin-left:auto;margin-right:auto}}.rfc-grid-layout{--rfc-c1:#1565c0;--rfc-c2:#059669;--rfc-c3:#d97706;--rfc-c4:#dc2626;--rfc-c5:#7c3aed;--rfc-green:#059669;--rfc-red:#dc2626;--rfc-line:#0d1b2e17;grid-template-columns:repeat(12,1fr);gap:20px;display:grid}[data-theme=dark] .rfc-grid-layout{--rfc-c1:#4a9aff;--rfc-c2:#2dd4b0;--rfc-c3:#ffd166;--rfc-c4:#ff5370;--rfc-c5:#bb86fc;--rfc-green:#2dd4b0;--rfc-red:#ff5370;--rfc-line:#dde8f81a}.rfc-span-7{grid-column:span 7}.rfc-span-5{grid-column:span 5}.rfc-card{background:#fff;border:1px solid #0d1b2e14;border-radius:16px;min-width:0;padding:22px}[data-theme=dark] .rfc-card{background:#dde8f80a;border-color:#dde8f81a}.rfc-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.rfc-card-title{font-size:16px;font-weight:800}.rfc-card-sub{color:var(--rf-text-subtle);margin-top:2px;font-size:12.5px}.rfc-badge{color:var(--rfc-green);background:color-mix(in srgb, var(--rfc-green) 14%, transparent);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:800}.rfc-canvas{width:100%}.rfc-canvas svg{touch-action:pan-y;cursor:crosshair;display:block}.rfc-grid{stroke:var(--rfc-line);stroke-width:1px}.rfc-axis{fill:var(--rf-text-subtle);font-size:11px;font-weight:600}.rfc-line{stroke:var(--rf-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.rfc-guide{stroke:var(--rf-accent);stroke-width:1px;stroke-dasharray:3 4;opacity:.6}.rfc-dot{fill:var(--rf-accent);stroke:#fff;stroke-width:2.5px}.rfc-tip{fill:#0d1b2e}[data-theme=dark] .rfc-tip{fill:#dde8f8}.rfc-tip-text{fill:#fff;font-size:11px;font-weight:700}[data-theme=dark] .rfc-tip-text{fill:#08111e}.rfc-donut-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.rfc-donut{flex-shrink:0;width:168px;height:168px;position:relative}.rfc-donut svg{width:100%;height:100%;display:block}.rfc-donut-track,.rfc-donut-seg{fill:none;stroke-width:22px}.rfc-donut-track{stroke:var(--rfc-line)}.rfc-donut-seg{cursor:pointer;transition:stroke-width .2s,opacity .2s}.rfc-donut:has(.rfc-donut-seg.active) .rfc-donut-seg:not(.active){opacity:.35}.rfc-donut-seg.active{stroke-width:26px}.rfc-donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rfc-donut-value{font-size:19px;font-weight:800}.rfc-donut-label{color:var(--rf-text-subtle);max-width:90px;font-size:11.5px}.rfc-legend{flex-direction:column;flex:1;gap:4px;min-width:150px;display:flex}.rfc-legend li{cursor:default;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;transition:background-color .2s;display:flex}.rfc-legend li.active{background:#1565c014}[data-theme=dark] .rfc-legend li.active{background:#4a9aff24}.rfc-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px;display:inline-block}.rfc-legend-name{color:var(--rf-text-muted);flex:1}.rfc-legend-pct{font-weight:800}.rfc-income{background:var(--rfc-green)}.rfc-expense{background:var(--rfc-red)}.rfc-cash-legend{color:var(--rf-text-muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:14px;font-size:12.5px;display:flex}.rfc-cash-legend>span{align-items:center;gap:6px;display:inline-flex}.rfc-cash-avg{margin-left:auto}.rfc-cash-avg b{color:var(--rfc-green);font-weight:800}.rfc-bars{background-image:repeating-linear-gradient(to top, transparent 0, transparent calc(25% - 1px), var(--rfc-line) calc(25% - 1px), var(--rfc-line) 25%);background-repeat:no-repeat;background-size:100% calc(100% - 22px);align-items:flex-end;gap:8px;height:190px;display:flex}.rfc-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.rfc-bar-pair{flex:1;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}.rfc-bar{transform-origin:bottom;border-radius:5px 5px 2px 2px;width:min(16px,42%)}.rfc-bar-label{height:16px;color:var(--rf-text-subtle);margin-top:6px;font-size:11px;font-weight:600;line-height:16px}.rfc-goals{flex-direction:column;gap:20px;display:flex}.rfc-goal-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:14px;display:flex}.rfc-goal-name{font-weight:700}.rfc-goal-pct{color:var(--rf-accent);font-weight:800}.rfc-goal-track{background:var(--rfc-line);border-radius:999px;height:10px;overflow:hidden}.rfc-goal-fill{background:linear-gradient(90deg, var(--rf-accent), var(--rfc-green));border-radius:999px;height:100%}.rfc-goal-amount{color:var(--rf-text-subtle);margin-top:6px;font-size:12px;display:block}@media (width<=900px){.rfc-span-7,.rfc-span-5{grid-column:span 12}}@media (width<=480px){.rfc-card{padding:18px 16px}}.rf-page{--rf-accent:#1565c0;--accent:#1565c0;--rf-text-muted:#48576e;--rf-text-subtle:#6b7994;color:#0d1b2e;background:#f7f9fc;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif}[data-theme=dark] .rf-page{--rf-accent:#4a9aff;--accent:#4a9aff;--rf-text-muted:#a9b9d4;--rf-text-subtle:#8b9bb8;color:#dde8f8;background:#08111e}.rf-page *{box-sizing:border-box}.rf-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#f7f9fcd9;border-bottom:1px solid #0d1b2e14;position:sticky;top:0}[data-theme=dark] .rf-topbar{background:#08111ed9;border-color:#dde8f81a}.rf-topbar-inner{align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:16px 28px;display:flex}.rf-back{color:var(--rf-text-muted);font-size:13px;font-weight:600}.rf-back:hover{opacity:1;color:var(--rf-accent)}.rf-topbar-spacer{flex:1}.rf-controls{align-items:center;gap:12px;display:flex}.rf-icon-btn{width:30px;height:30px;color:inherit;background:#0d1b2e0d;border-radius:8px;justify-content:center;align-items:center;display:flex}[data-theme=dark] .rf-icon-btn{background:#dde8f814}.rf-icon-btn:hover{color:var(--rf-accent)}.rf-lang{background:#0d1b2e0d;border-radius:8px;gap:2px;padding:3px;font-size:11px;font-weight:800;display:flex}[data-theme=dark] .rf-lang{background:#dde8f814}.rf-lang button{color:var(--rf-text-muted);border-radius:6px;padding:3px 8px}.rf-lang button.active{background:var(--rf-accent);color:#fff}.rf-hero{text-align:center;max-width:720px;margin:0 auto;padding:44px 28px 0}.rf-hero-icon{filter:drop-shadow(0 16px 34px #1565c059);width:156px;height:156px;margin:0 auto 8px;display:block}[data-theme=dark] .rf-hero-icon{filter:drop-shadow(0 16px 40px #4a9aff66)}.rf-charts-note{text-align:center;color:var(--rf-text-subtle);margin-top:22px;font-size:12px;font-style:italic}.rf-eyebrow{color:var(--rf-accent);background:#1565c014;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}[data-theme=dark] .rf-eyebrow{background:#4a9aff24}.rf-hero-title{letter-spacing:-.5px;margin-bottom:18px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15}.rf-hero-title span{color:var(--rf-accent)}.rf-hero-tagline{color:var(--rf-text-muted);margin-bottom:30px;font-size:16px;line-height:1.7}.rf-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.rf-btn{border-radius:10px;align-items:center;gap:9px;padding:13px 22px;font-size:14px;font-weight:700;display:inline-flex}.rf-btn--primary{background:var(--rf-accent);color:#fff;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #1565c047}.rf-btn--primary:hover{transform:translateY(-2px)}.rf-btn--ghost{color:inherit;border:1.5px solid #0d1b2e26}[data-theme=dark] .rf-btn--ghost{border-color:#dde8f833}.rf-soon{text-transform:uppercase;color:var(--rf-accent);background:#1565c01f;border-radius:8px;padding:2px 7px;font-size:9px;font-weight:800}.rf-preview-wrap{z-index:2;max-width:260px;margin:44px auto -60px;padding:0 28px;position:relative}.rf-window{background:#10151f;border:1px solid #ffffff0f;border-radius:16px;max-width:220px;margin:0 auto;overflow:hidden;box-shadow:0 30px 70px #0d1b2e47}.rf-window-bar{background:#ffffff0a;align-items:center;gap:6px;padding:10px 14px;display:flex}.rf-window-dot{border-radius:50%;width:9px;height:9px}.rf-window-shot{aspect-ratio:9/19;object-fit:cover;object-position:top center;width:100%;display:block}.rf-stats{color:#0d1b2e;background:#eef3fa;margin-top:0;padding:100px 28px 40px}[data-theme=dark] .rf-stats{color:#fff;background:#0d1b2e}.rf-stats-inner{text-align:center;grid-template-columns:repeat(3,1fr);gap:24px;max-width:760px;margin:0 auto;display:grid}.rf-stat-value{color:var(--rf-accent);font-size:36px;font-weight:800}.rf-stat-label{color:var(--rf-text-muted);margin-top:6px;font-size:13px}.rf-section{max-width:1000px;margin:0 auto;padding:80px 28px}.rf-section-title{text-align:center;margin-bottom:12px;font-size:28px;font-weight:800}.rf-section-sub{text-align:center;color:var(--rf-text-subtle);margin-bottom:44px;font-size:14px}.rf-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.rf-feature-card{background:#fff;border:1px solid #0d1b2e14;border-radius:14px;padding:22px}[data-theme=dark] .rf-feature-card{background:#dde8f80a;border-color:#dde8f81a}.rf-feature-icon{width:30px;height:30px;color:var(--rf-accent);background:#1565c01a;border-radius:8px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}[data-theme=dark] .rf-feature-icon{background:#4a9aff29}.rf-feature-text{color:var(--rf-text-muted);font-size:14px;line-height:1.6}.rf-screens-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.rf-screen-item{flex-direction:column;gap:10px;display:flex}.rf-download-card{text-align:center;background:#fff;border:1px solid #0d1b2e1a;border-radius:18px;padding:48px 28px}[data-theme=dark] .rf-download-card{background:#dde8f80a;border-color:#dde8f81a}.rf-download-req{color:var(--rf-text-subtle);margin-top:16px;font-size:13px}@media (width<=768px){.rf-stats-inner{grid-template-columns:1fr;gap:28px}.rf-stats{padding-top:110px}.rf-features-grid,.rf-screens-grid{grid-template-columns:1fr}.rf-preview-wrap{margin-bottom:-50px}}@media (width<=480px){.rf-hero-icon{width:124px;height:124px}}.app-modal-backdrop{z-index:90;background:#05080fd9;position:fixed;inset:64px 0 0}.app-modal-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:absolute;inset:0;overflow:hidden auto}
