@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--vl-bg-primary:#fcfcfd;--vl-bg-secondary:#f7f8fa;--vl-bg-section:#f4f6f8;--vl-surface:#fff;--vl-surface-elevated:#fff;--vl-primary:#2563eb;--vl-primary-hover:#1d4ed8;--vl-secondary-accent:#7c3aed;--vl-highlight:#3b82f6;--vl-text-primary:#111827;--vl-text-secondary:#4b5563;--vl-text-muted:#6b7280;--vl-border:#e5e7eb;--vl-divider:#eef2f7;--vl-spacing-1:8px;--vl-spacing-2:16px;--vl-spacing-3:24px;--vl-spacing-4:32px;--vl-spacing-5:40px;--vl-spacing-6:48px;--vl-radius-btn:14px;--vl-radius-card:20px;--vl-radius-input:14px;--vl-radius-modal:24px;--vl-radius-img:18px;--vl-shadow-sm:0 2px 4px #00000005;--vl-shadow-md:0 2px 4px #00000003, 0 12px 30px #0000000a;--vl-shadow-lg:0 2px 4px #00000003, 0 12px 30px #00000008, 0 40px 80px #00000005}body{background-color:var(--vl-bg-primary);color:var(--vl-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.brand-font{color:var(--vl-text-primary);font-family:IBM Plex Sans,sans-serif;font-weight:500}p{color:var(--vl-text-secondary);font-family:Inter,sans-serif;font-weight:400}.noise-overlay{z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3e%3cfilter id='noiseFilter'%3e%3cfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3e%3c/filter%3e%3crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3e%3c/svg%3e");position:fixed;inset:0}.subtle-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.page-section{z-index:1;max-width:1320px;margin:0 auto;padding-top:140px;padding-bottom:140px;position:relative}@media (width<=1024px){.page-section{padding-top:100px;padding-bottom:100px}}@media (width<=768px){.page-section{padding-top:72px;padding-bottom:72px}}.btn-primary-linear{background:var(--vl-text-primary);color:var(--vl-surface);border-radius:var(--vl-radius-btn);cursor:pointer;box-shadow:var(--vl-shadow-sm);border:1px solid #ffffff26;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary-linear:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff26 50%,#fff0 100%);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btn-primary-linear:hover{box-shadow:var(--vl-shadow-md);border-color:#ffffff40;transform:translateY(-2px)}.btn-primary-linear:hover:after{transition:all .75s ease-in-out;left:150%}.btn-primary-linear:active{transform:translateY(0)}.btn-secondary-linear{background:var(--vl-surface);color:var(--vl-text-primary);border:1px solid var(--vl-border);border-radius:var(--vl-radius-btn);cursor:pointer;box-shadow:var(--vl-shadow-sm);align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.btn-secondary-linear:hover{border-color:var(--vl-text-muted);background:var(--vl-bg-secondary);box-shadow:var(--vl-shadow-md);transform:translateY(-2px)}.btn-secondary-linear:active{transform:translateY(0)}.premium-card{background:var(--vl-surface);border-radius:var(--vl-radius-card);box-shadow:var(--vl-shadow-md);border:1px solid #ececec;padding:32px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.premium-card:hover{box-shadow:var(--vl-shadow-lg);border-color:#2563eb4d;transform:translateY(-8px)scale(1.01)}.input-wrapper-linear{align-items:center;width:100%;display:flex;position:relative}.input-wrapper-linear svg{color:var(--vl-text-muted);pointer-events:none;position:absolute;left:16px}.input-linear,.field-block .input-linear,.input-wrapper-linear .input-linear{background:var(--vl-surface);border:1px solid var(--vl-border);border-radius:var(--vl-radius-input);width:100%;height:52px;color:var(--vl-text-primary);box-shadow:var(--vl-shadow-sm);padding:0 16px 0 48px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-linear:focus,.field-block .input-linear:focus,.input-wrapper-linear .input-linear:focus{border-color:var(--vl-primary);box-shadow:0 0 0 4px #2563eb1f, var(--vl-shadow-md);outline:none}.textarea-linear{background:var(--vl-surface);border:1px solid var(--vl-border);border-radius:var(--vl-radius-input);width:100%;min-height:120px;color:var(--vl-text-primary);resize:vertical;box-shadow:var(--vl-shadow-sm);padding:16px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.textarea-linear:focus{border-color:var(--vl-primary);box-shadow:0 0 0 4px #2563eb1f, var(--vl-shadow-md);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--vl-bg-primary)}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.shell-header{z-index:1000;-webkit-backdrop-filter:blur(24px);background:#ffffffbf;border-bottom:1px solid #e2e8f0cc;justify-content:center;width:100%;transition:background-color .25s,border-color .25s;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0f172a05}.shell-navbar{width:100%;max-width:1320px;height:72px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.shell-logo-wrap{cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.logo-title{letter-spacing:-.02em;color:var(--vl-text-primary);align-items:center;font-family:IBM Plex Sans,sans-serif;font-size:1.3rem;font-weight:600;transition:text-shadow .3s;display:flex}.logo-title:hover{text-shadow:0 0 15px #2563eb26}.logo-accent{color:var(--vl-primary);margin-left:1px}.logo-subtitle{color:var(--vl-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:-2px;font-size:.65rem;font-weight:400}.shell-nav-links{align-items:center;gap:24px;display:flex}.nav-items-list{background:#0f172a08;border:1px solid #0f172a0a;border-radius:12px;align-items:center;padding:4px;display:flex}.nav-item-link{color:var(--vl-text-secondary);border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-item-link:hover,.nav-item-link.active{color:var(--vl-text-primary)}.nav-hover-pill{background:var(--vl-surface);z-index:-1;box-shadow:var(--vl-shadow-sm);border:1px solid #0000000a;border-radius:8px;position:absolute;inset:0}.navbar-toggle-btn{color:var(--vl-text-primary);cursor:pointer;background:0 0;border:none;padding:6px;display:none}.site-footer-v2{background:var(--vl-bg-secondary);border-top:1px solid var(--vl-border);margin-top:100px;padding:80px 48px 48px}.footer-grid{grid-template-columns:2fr repeat(4,1fr);gap:48px;max-width:1320px;margin:0 auto;display:grid}.footer-brand-column{flex-direction:column;gap:16px;display:flex}.footer-logo{letter-spacing:-.02em;color:var(--vl-text-primary);font-family:IBM Plex Sans,sans-serif;font-size:1.6rem;font-weight:600;text-decoration:none}.footer-logo span{color:var(--vl-primary)}.footer-brand-desc{max-width:280px;font-size:.95rem;line-height:1.6}.footer-social-row{gap:16px;margin-top:8px;display:flex}.footer-social-row a{color:var(--vl-text-muted);transition:color .2s,transform .2s}.footer-social-row a:hover{color:var(--vl-text-primary);transform:translateY(-2px)}.footer-links-column h4{text-transform:uppercase;letter-spacing:.08em;color:var(--vl-text-primary);margin-bottom:20px;font-family:IBM Plex Sans,sans-serif;font-size:.9rem;font-weight:600}.footer-links-column ul{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links-column ul a{color:var(--vl-text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links-column ul a:hover{color:var(--vl-text-primary)}.footer-divider-v2{background:var(--vl-border);max-width:1320px;height:1px;margin:64px auto 32px}.footer-bottom-row{flex-direction:column;align-items:center;gap:24px;max-width:1320px;margin:0 auto;display:flex}.large-logo-gradient{letter-spacing:-.05em;background:linear-gradient(#111827 30%,#11182705 100%);-webkit-text-fill-color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-bottom:-16px;font-family:IBM Plex Sans,sans-serif;font-size:8rem;font-weight:700;line-height:.8}.footer-copyright{color:var(--vl-text-muted);font-size:.85rem}.cmd-palette-wrapper{z-index:99999;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-palette-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182766;position:fixed;inset:0}.cmd-palette-container{background:var(--vl-surface);border-radius:var(--vl-radius-modal);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #1118271a;flex-direction:column;width:100%;max-width:680px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000040,inset 0 0 0 1px #fffc}.cmd-palette-header{border-bottom:1px solid var(--vl-divider);background:var(--vl-surface);align-items:center;padding:16px 20px;display:flex}.cmd-search-icon{color:var(--vl-primary);flex-shrink:0;margin-right:12px}.cmd-search-input{color:var(--vl-text-primary);background:0 0;border:none;flex:1;min-width:0;font-family:Inter,sans-serif;font-size:1.05rem}.cmd-search-input:focus{outline:none}.cmd-clear-btn{color:var(--vl-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:6px;padding:4px;transition:all .15s;display:flex}.cmd-clear-btn:hover{color:var(--vl-text-primary);background:var(--vl-bg-secondary)}.cmd-close-btn{background:var(--vl-bg-secondary);color:var(--vl-text-muted);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.cmd-close-btn:hover{background:var(--vl-border);color:var(--vl-text-primary)}.cmd-category-bar{background:var(--vl-bg-secondary);border-bottom:1px solid var(--vl-divider);scrollbar-width:none;gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.cmd-category-bar::-webkit-scrollbar{display:none}.cmd-cat-btn{color:var(--vl-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s}.cmd-cat-btn:hover{background:var(--vl-surface);color:var(--vl-text-primary)}.cmd-cat-btn.active{background:var(--vl-surface);color:var(--vl-primary);border-color:var(--vl-border);font-weight:600;box-shadow:0 1px 3px #0000000d}.cmd-palette-hints{background:var(--vl-bg-secondary);color:var(--vl-text-muted);border-bottom:1px solid var(--vl-divider);align-items:center;gap:12px;padding:8px 20px;font-size:.75rem;display:flex}.cmd-palette-list{scrollbar-width:thin;scrollbar-color:var(--vl-border) transparent;max-height:380px;padding:8px;overflow-y:auto}.cmd-palette-list::-webkit-scrollbar{width:6px}.cmd-palette-list::-webkit-scrollbar-thumb{background:var(--vl-border);border-radius:3px}.cmd-palette-item{border-radius:var(--vl-radius-input);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.cmd-palette-item.selected{background:#2563eb12}.cmd-item-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cmd-icon-box{background:var(--vl-bg-secondary);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.cmd-icon-box.active{color:var(--vl-primary);background:#2563eb1f}.cmd-item-icon{color:var(--vl-text-secondary);transition:color .15s}.cmd-palette-item.selected .cmd-item-icon{color:var(--vl-primary)}.cmd-item-text{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}.cmd-item-label{color:var(--vl-text-primary);align-items:center;font-size:.92rem;font-weight:500;display:inline-flex}.cmd-item-desc{color:var(--vl-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.3;overflow:hidden}.cmd-item-category{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.72rem;font-weight:600}.badge-templates{color:#7c3aed!important;background:#7c3aed1a!important}.badge-live-previews{color:#2563eb!important;background:#2563eb1a!important}.badge-builder{color:#d97706!important;background:#f59e0b1f!important}.badge-navigation{color:#059669!important;background:#10b9811f!important}.badge-product{color:#0891b2!important;background:#06b6d41f!important}.badge-support{color:#dc2626!important;background:#ef44441a!important}.badge-actions{color:#4f46e5!important;background:#6366f11a!important}.badge-company{color:#475569!important;background:#64748b1f!important}.cmd-palette-empty{text-align:center;color:var(--vl-text-muted);padding:32px 20px;font-size:.95rem}.hero-preview-wrapper{width:100%;max-width:540px;margin:0 auto;position:relative}.browser-topbar{background:var(--vl-bg-secondary);border-bottom:1px solid #ececec;align-items:center;height:40px;padding:0 16px;display:flex;position:relative}.traffic-lights{gap:8px;display:flex}.light-dot{border-radius:50%;width:10px;height:10px}.light-dot.red{background:#ff5f56}.light-dot.yellow{background:#ffbd2e}.light-dot.green{background:#27c93f}.browser-address-bar{background:var(--vl-surface);color:var(--vl-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid #e5e7eb;border-radius:6px;width:220px;padding:2px 16px;font-size:.75rem;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.browser-body{text-align:left;background:#fcfcfd;height:380px;padding:24px;overflow-y:auto}.mock-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mock-logo{color:var(--vl-text-primary);font-family:IBM Plex Sans,sans-serif;font-size:.95rem;font-weight:700}.mock-logo span{color:var(--vl-primary)}.mock-nav{gap:12px;display:flex}.mock-nav span{background:var(--vl-border);border-radius:2px;width:24px;height:6px}.mock-hero{flex-direction:column;align-items:flex-start;display:flex}.mock-avatar{background:var(--vl-divider);width:48px;height:48px;color:var(--vl-text-primary);border:1px solid var(--vl-border);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:.95rem;font-weight:600;display:flex}.mock-name{margin-bottom:4px;font-size:1.4rem;font-weight:600}.mock-role-row{align-items:center;height:24px;margin-bottom:12px;display:flex}.mock-role{color:var(--vl-primary);font-size:.9rem;font-weight:500}.mock-cursor{color:var(--vl-primary);margin-left:2px;font-weight:300;animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.mock-bio{color:var(--vl-text-secondary);margin-bottom:16px;font-size:.85rem;line-height:1.5}.mock-meta-grid{gap:16px;margin-bottom:24px;display:flex}.mock-meta-item{color:var(--vl-text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.mock-projects-label{text-transform:uppercase;letter-spacing:.08em;color:var(--vl-text-muted);width:100%;margin-bottom:12px;font-size:.75rem;font-weight:600}.mock-projects-list{flex-direction:column;gap:12px;width:100%;display:flex}.mock-project-card{border:1px solid var(--vl-border);background:var(--vl-surface);border-radius:12px;align-items:center;width:100%;padding:12px 16px;transition:all .25s;display:flex}.mock-project-card.active-hover{box-shadow:var(--vl-shadow-sm);background:#2563eb05;border-color:#2563eb33}.mock-proj-icon{background:var(--vl-bg-secondary);width:28px;height:28px;color:var(--vl-primary);border-radius:6px;justify-content:center;align-items:center;margin-right:12px;display:flex}.mock-proj-details{flex-direction:column;flex:1;display:flex}.mock-proj-details strong{color:var(--vl-text-primary);font-size:.85rem;font-weight:600}.mock-proj-details span{color:var(--vl-text-muted);font-size:.7rem}.mock-arrow{color:var(--vl-text-muted)}.floating-preview-badge{background:var(--vl-surface);box-shadow:var(--vl-shadow-md);z-index:5;border:1px solid #ececec;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute}.floating-preview-badge.badge-ats{width:170px;top:60px;right:-30px}.floating-preview-badge.badge-status{color:var(--vl-text-primary);font-size:.8rem;font-weight:500;bottom:40px;left:-40px}.badge-icon{width:24px;height:24px;color:var(--vl-primary);background:#2563eb1a;border-radius:6px;justify-content:center;align-items:center;display:flex}.floating-preview-badge.badge-ats strong{color:var(--vl-text-primary);text-align:left;font-size:.8rem;line-height:1.2;display:block}.floating-preview-badge.badge-ats span{color:var(--vl-text-muted);text-align:left;font-size:.65rem;display:block}.status-dot-green{background:#10b981;border-radius:50%;width:8px;height:8px}.page-home{text-align:center;position:relative;overflow:hidden}.radial-light{filter:blur(140px);opacity:.05;pointer-events:none;z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}.radial-light.glow-1{background:var(--vl-primary);top:10%;left:5%}.radial-light.glow-2{background:var(--vl-secondary-accent);top:40%;right:5%}.hero-home{text-align:left;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;display:grid}.hero-left{z-index:2;flex-direction:column;align-items:flex-start;display:flex}.hero-badge{color:var(--vl-primary);background:#2563eb0f;border:1px solid #2563eb1f;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.hero-badge-icon{animation:8s linear infinite spinSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{letter-spacing:-.04em;color:var(--vl-text-primary);margin-bottom:24px;font-size:clamp(2.5rem,4.5vw,4.2rem);font-weight:600;line-height:.95}.block-rotator{margin-top:8px;display:block}.hero-desc{color:var(--vl-text-secondary);max-width:580px;margin-bottom:32px;font-size:1.15rem;line-height:1.6}.hero-buttons-v2{gap:16px;margin-bottom:40px;display:flex}.hero-trust-row{border-top:1px solid var(--vl-border);flex-wrap:wrap;gap:16px;width:100%;margin-bottom:40px;padding-top:24px;display:flex}.trust-item{color:var(--vl-text-muted);align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.trust-item svg{color:var(--vl-text-secondary)}.hero-stats-v2{align-items:center;gap:32px;width:100%;display:flex}.hero-stat-box{flex-direction:column;display:flex}.hero-stat-box h3{color:var(--vl-text-primary);font-size:1.8rem;font-weight:600;line-height:1.2}.hero-stat-box span{color:var(--vl-text-muted);font-size:.8rem}.hero-stat-divider{background:var(--vl-border);width:1px;height:32px}.section-header-linear{text-align:center;max-width:640px;margin:0 auto 64px}.section-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--vl-primary);margin-bottom:12px;font-size:.8rem;font-weight:600;display:inline-block}.section-header-linear h2{letter-spacing:-.03em;margin-bottom:16px;font-size:2.2rem;font-weight:600;line-height:1.1}.section-header-linear p{color:var(--vl-text-secondary);font-size:1.05rem}.feature-grid-v2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.feature-card-v2{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.feature-icon-wrapper-v2{width:42px;height:42px;color:var(--vl-primary);background:#2563eb0f;border:1px solid #2563eb1a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card-v2 h3{margin-bottom:8px;font-size:1.2rem;font-weight:600}.feature-card-v2 p{font-size:.95rem;line-height:1.6}.macbook-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px;display:grid}.macbook-card{background:var(--vl-bg-secondary);border:1px solid var(--vl-border);border-radius:var(--vl-radius-card);text-align:left;flex-direction:column;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex}.macbook-card:hover{box-shadow:var(--vl-shadow-lg);transform:translateY(-8px)scale(1.01)}.macbook-frame{perspective:800px;width:100%;margin-bottom:24px}.macbook-screen{aspect-ratio:16/10;background:#0f172a;border:10px solid #1e293b;border-radius:12px 12px 0 0;width:90%;margin:0 auto;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.macbook-card:hover .macbook-screen{transform:rotateX(4deg)}.macbook-camera{z-index:10;background:#475569;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.macbook-inner-content{background:#fcfcfd;flex-direction:column;width:100%;height:100%;padding:10px;font-family:Inter,sans-serif;display:flex}.macbook-header{border-bottom:1px solid var(--vl-divider);align-items:center;gap:6px;margin-bottom:10px;padding-bottom:6px;display:flex}.macbook-template-icon{color:var(--vl-primary)}.macbook-template-name{color:var(--vl-text-primary);font-size:.65rem;font-weight:600}.macbook-body-preview{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.macbook-body-preview h4{color:var(--vl-text-primary);font-size:.85rem;font-weight:600}.macbook-body-preview p{color:var(--vl-text-secondary);font-size:.65rem;line-height:1.4}.macbook-pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.macbook-pills span{background:var(--vl-bg-secondary);color:var(--vl-text-secondary);border:1px solid var(--vl-border);border-radius:4px;padding:2px 6px;font-size:.55rem}.macbook-base{background:#64748b;border-radius:0 0 8px 8px;width:100%;height:8px;position:relative}.macbook-indent{background:#334155;border-radius:0 0 4px 4px;width:48px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.macbook-details h3{margin-bottom:4px;font-size:1.3rem;font-weight:600}.macbook-tone{color:var(--vl-primary);margin-bottom:12px;font-size:.85rem;font-weight:500}.macbook-best-for{color:var(--vl-text-secondary);margin-bottom:20px;font-size:.85rem}.macbook-best-for strong{color:var(--vl-text-primary)}.macbook-select-btn{justify-content:center;width:100%}.workflow-grid-v2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.workflow-card-v2{text-align:left;border-left:2px solid var(--vl-border);flex-direction:column;align-items:flex-start;padding-left:24px;display:flex}.workflow-number{color:var(--vl-text-muted);margin-bottom:16px;font-family:IBM Plex Sans,sans-serif;font-size:2.8rem;font-weight:300;line-height:1}.workflow-card-v2 h3{margin-bottom:8px;font-size:1.25rem;font-weight:600}.workflow-card-v2 p{font-size:.95rem;line-height:1.6}.cta-box-v2{text-align:center;flex-direction:column;align-items:center;max-width:960px;margin:0 auto;padding:64px 48px;display:flex}.cta-icon-wrapper{width:64px;height:64px;color:var(--vl-primary);background:#2563eb0f;border:1px solid #2563eb1f;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;animation:6s ease-in-out infinite floatSoft;display:flex}@keyframes floatSoft{0%,to{transform:translate(0,0)}50%{transform:translateY(-14px)}}.cta-box-v2 h2{letter-spacing:-.03em;max-width:640px;margin-bottom:16px;font-size:2.2rem;font-weight:600;line-height:1.1}.cta-box-v2 p{color:var(--vl-text-secondary);max-width:580px;margin-bottom:32px;font-size:1.1rem}.builder-layout-v2{max-width:1320px;margin:0 auto;padding:40px 24px}.builder-dashboard-header{background:var(--vl-bg-secondary);border:1px solid var(--vl-border);text-align:left;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-bottom:24px;padding:24px;display:grid}.header-score-item{align-items:center;gap:20px;display:flex}.header-score-item-interactive{-webkit-user-select:none;user-select:none;transition:transform .2s,opacity .2s}.header-score-item-interactive:hover{transform:translateY(-2px)}.header-score-item-interactive:hover .ats-score-badge{box-shadow:0 8px 20px #2563eb40}.ats-score-badge{background:var(--vl-text-primary);width:64px;height:64px;color:var(--vl-surface);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:all .25s;display:flex}.ats-value{font-family:IBM Plex Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1}.ats-label{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.55rem;font-weight:500}.ats-score-text h4{margin-bottom:4px;font-size:1.15rem;font-weight:600}.ats-score-text p{color:var(--vl-text-secondary);font-size:.85rem}.dashboard-progress-area{flex-direction:column;gap:8px;display:flex}.progress-labels{color:var(--vl-text-secondary);justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.horizontal-progress-track{background:var(--vl-border);border-radius:99px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--vl-primary);border-radius:99px;height:100%;transition:width .4s}.builder-search-row{margin-bottom:32px}.builder-search-input-wrap{width:100%;max-width:480px}.builder-workspace{grid-template-columns:1.3fr 1fr;align-items:start;gap:40px;display:grid}.builder-form-pane{text-align:left;flex-direction:column;gap:16px;display:flex}.accordion-section{background:var(--vl-surface);border:1px solid var(--vl-border);box-shadow:var(--vl-shadow-sm);border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.accordion-section.expanded{box-shadow:var(--vl-shadow-md);border-color:#2563eb33}.accordion-header{cursor:pointer;width:100%;color:var(--vl-text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem;font-weight:500;display:flex}.header-label-group{align-items:center;gap:12px;display:flex}.accordion-icon{color:var(--vl-text-secondary);transition:color .2s}.accordion-section.expanded .accordion-icon{color:var(--vl-primary)}.accordion-body{overflow:hidden}.accordion-inner-content{border-top:1px solid var(--vl-divider);padding:24px}.field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field-block span{color:var(--vl-text-secondary);font-size:.85rem;font-weight:600}.image-toggle-bar{background:#0f172a08;border:1px solid #0f172a0a;border-radius:10px;width:fit-content;padding:4px;display:flex}.image-toggle-btn{color:var(--vl-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s}.image-toggle-btn.active{background:var(--vl-surface);color:var(--vl-text-primary);box-shadow:var(--vl-shadow-sm);border:1px solid #0000000a}.dynamic-blocks{flex-direction:column;gap:16px;display:flex}.dynamic-item{border:1px solid var(--vl-border);background:var(--vl-bg-secondary);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.dynamic-item-header{border-bottom:1px solid var(--vl-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.mini-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.mini-btn.danger{color:#dc2626;background:#fee2e2}.mini-btn.danger:hover{background:#fca5a5}.mini-btn.suggestion-btn{color:var(--vl-primary);background:#2563eb1a}.mini-btn.suggestion-btn:hover{background:#2563eb33}.add-row-btn{border-style:dashed;justify-content:center;width:100%;padding:14px}.form-submit-row-linear{margin-top:24px}.builder-preview-pane{width:100%;position:sticky;top:100px}.sticky-preview-card{background:var(--vl-surface);border:1px solid var(--vl-border);box-shadow:var(--vl-shadow-lg);border-radius:24px;padding:24px}.preview-header-tag{color:var(--vl-primary);background:#2563eb0f;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.mock-browser-frame{border:1px solid var(--vl-border);box-shadow:var(--vl-shadow-sm);border-radius:16px;overflow:hidden}.mock-browser-dots{background:var(--vl-bg-secondary);border-bottom:1px solid var(--vl-border);gap:6px;padding:8px 12px;display:flex}.mock-browser-dots .dot{border-radius:50%;width:8px;height:8px}.mock-browser-dots .dot.red{background:#ff5f56}.mock-browser-dots .dot.yellow{background:#ffbd2e}.mock-browser-dots .dot.green{background:#27c93f}.mock-browser-view{background:#fcfcfd;flex-direction:column;gap:16px;padding:24px;display:flex}.mock-profile-summary{align-items:center;gap:16px;display:flex}.mock-avatar-circle{background:var(--vl-border);width:48px;height:48px;color:var(--vl-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.mock-template-pill{color:var(--vl-primary);background:#2563eb14;border:1px solid #2563eb1f;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.mock-profile-summary h4{font-size:1.15rem;font-weight:600;line-height:1.2}.mock-role-accent{color:var(--vl-primary);font-size:.8rem;font-weight:500}.mock-tagline{color:var(--vl-text-secondary);border-left:2px solid var(--vl-border);padding-left:10px;font-size:.85rem;line-height:1.4}.mock-facts-grid{background:var(--vl-bg-secondary);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.mock-facts-grid div{flex-direction:column;display:flex}.mock-facts-grid strong{color:var(--vl-text-muted);text-transform:uppercase;font-size:.7rem}.mock-facts-grid span{color:var(--vl-text-primary);font-size:.8rem;font-weight:500}.mock-skills-tags-row{flex-direction:column;gap:4px;display:flex}.mock-skills-tags-row strong{color:var(--vl-text-muted);text-transform:uppercase;font-size:.75rem}.mock-skills-tags-row p{color:var(--vl-text-secondary);font-size:.8rem}.builder-mobile-tabs{background:var(--vl-bg-secondary);border:1px solid var(--vl-border);border-radius:12px;margin-bottom:24px;padding:4px;display:none}.mobile-tab-btn{color:var(--vl-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:.9rem;font-weight:500}.mobile-tab-btn.active{background:var(--vl-surface);color:var(--vl-text-primary);box-shadow:var(--vl-shadow-sm);border:1px solid #0000000a}.publish-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#11182766;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.publish-modal-card{background:var(--vl-surface);border-radius:var(--vl-radius-modal);width:100%;max-width:520px;box-shadow:var(--vl-shadow-lg);text-align:center;border:1px solid #11182714;flex-direction:column;align-items:center;padding:40px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalEnter;display:flex}@keyframes modalEnter{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.publish-modal-icon{color:#2e7d32;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;animation:1.5s infinite alternate iconPulse;display:flex}@keyframes iconPulse{0%{transform:scale(1);box-shadow:0 0 #2e7d3233}to{transform:scale(1.05);box-shadow:0 0 0 8px #2e7d3200}}.publish-modal-card h2{margin-bottom:12px;font-size:1.6rem;font-weight:600}.publish-link-container{background:var(--vl-bg-secondary);border:1px solid var(--vl-border);border-radius:var(--vl-radius-input);width:100%;margin-bottom:28px;padding:4px;display:flex}.publish-link-input{color:var(--vl-text-primary);background:0 0;border:none;flex:1;padding:0 12px;font-family:Inter,sans-serif;font-size:.9rem}.publish-link-input:focus{outline:none}.publish-copy-btn{background:var(--vl-text-primary);color:var(--vl-surface);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.publish-copy-btn:hover{background:var(--vl-text-secondary)}.publish-action-btn{border-radius:var(--vl-radius-btn);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.publish-action-btn.primary{background:var(--vl-text-primary);color:var(--vl-surface);border:1px solid #ffffff1a}.publish-action-btn.primary:hover{background:var(--vl-text-secondary)}.publish-action-btn.secondary{background:var(--vl-surface);color:var(--vl-text-primary);border:1px solid var(--vl-border)}.publish-action-btn.secondary:hover{background:var(--vl-bg-secondary)}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:36px}}@media (width<=960px){.hero-home{grid-template-columns:1fr;gap:48px}.builder-workspace{grid-template-columns:1fr}.builder-dashboard-header{grid-template-columns:1fr;gap:20px}.builder-mobile-tabs{display:flex}.builder-form-pane,.builder-preview-pane{display:none}.builder-form-pane.active-mobile,.builder-preview-pane.active-mobile{display:flex}}@media (width<=768px){.field-grid{grid-template-columns:1fr}.field-block.full-width{grid-column:span 1}.template-choice-grid{grid-template-columns:1fr}}@media (width<=640px){.footer-grid{grid-template-columns:1fr;gap:32px}}.navbar-search-trigger.desktop-only{color:var(--vl-text-secondary);cursor:pointer;background:#0f172a0a;border:1px solid #0f172a14;border-radius:12px;align-items:center;gap:8px;margin-right:8px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.navbar-search-trigger.desktop-only:hover{color:var(--vl-text-primary);background:#0f172a12;border-color:#2563eb4d;transform:translateY(-.5px);box-shadow:0 2px 8px #0000000a}.search-trigger-kbd{background:var(--vl-surface);color:var(--vl-text-muted);border:1px solid #0f172a1f;border-radius:4px;padding:1px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:.65rem;font-weight:600;box-shadow:0 1px 2px #0000000a}.navbar-search-trigger.mobile-only{color:var(--vl-text-primary);cursor:pointer;background:#0f172a0a;border:1px solid #0f172a0f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-right:4px;padding:8px;transition:all .2s;display:none}.navbar-search-trigger.mobile-only:hover{background:#0f172a14}.cmd-floating-badge{z-index:9999;-webkit-backdrop-filter:blur(16px);cursor:pointer;color:var(--vl-text-secondary);background:#ffffffc7;border:1px solid #0f172a14;border-radius:99px;align-items:center;gap:10px;padding:8px 14px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 6px 24px #0f172a0f,0 1px 3px #00000005}.cmd-floating-badge:hover{color:var(--vl-text-primary);background:#ffffffe0;border-color:#2563eb59;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #2563eb1f,0 2px 6px #0f172a0a}.cmd-badge-icon{color:var(--vl-text-muted)}.cmd-floating-badge:hover .cmd-badge-icon{color:var(--vl-primary)}.cmd-badge-kbd{color:var(--vl-text-muted);background:#0f172a0d;border:1px solid #0f172a14;border-radius:4px;padding:1px 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:.65rem;font-weight:600}.cmd-hint-shortcut{color:var(--vl-text-muted);margin-left:auto}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.mobile-only{display:inline-flex!important}.desktop-only,.cmd-floating-badge{display:none!important}.cmd-palette-wrapper{padding-top:5vh}.cmd-palette-container{border-radius:16px;max-width:94vw}.cmd-palette-hints .cmd-hint-shortcut{display:none}.cmd-palette-list{max-height:250px}}:root{--vf-primary-600:#2563eb;--vf-primary-500:#1d4ed8;--vf-primary-400:#3b82f6;--vf-indigo-600:#4f46e5;--vf-indigo-500:#6366f1;--vf-blue-500:#2563eb;--vf-cyan-500:#06b6d4;--vf-emerald-500:#10b981;--vf-emerald-600:#059669;--vf-rose-500:#ef4444;--vf-amber-500:#f59e0b;--vf-orange-500:#f97316;--vf-bg-dark:#f8fafc;--vf-bg-dark-soft:#f1f5f9;--vf-bg-panel:#fff;--vf-bg-page:#f8fafc;--vf-surface:#fff;--vf-surface-glass:#ffffffb8;--vf-text-strong:#0f172a;--vf-text-body:#334155;--vf-text-muted:#64748b;--vf-text-dark:#0f172a;--vf-text-slate:#374151;--vf-border:#e2e8f0;--vf-border-strong:#cbd5e1;--vf-border-bright:#fffc;--vf-radius-pill:9999px;--vf-radius-card:20px;--vf-radius-card-lg:24px;--vf-radius-card-xl:32px;--vf-content-width:min(100%, 1440px);--vf-shadow-soft:0 10px 40px #0f172a0f;--vf-shadow-glow:0 15px 35px #2563eb40;--vf-shadow-deep:0 20px 60px #2563eb1a;--vf-shadow-card:0 10px 40px #0f172a0f;--vf-grad-brand:linear-gradient(135deg, #2563eb, #4f46e5);--vf-grad-header:linear-gradient(135deg, #2563eb, #4f46e5);--vf-grad-ats:linear-gradient(135deg, #2563eb, #06b6d4);--vf-grad-tools:linear-gradient(135deg, #10b981, #14b8a6);--vf-grad-resume:linear-gradient(135deg, #2563eb, #3b82f6);--vf-grad-portfolio:linear-gradient(135deg, #f59e0b, #fb7185);--vf-grad-interview:linear-gradient(135deg, #ec4899, #f97316);--vf-motion-float:float 12s ease-in-out infinite;--vf-motion-float-soft:floatSoft 16s ease-in-out infinite;--vf-motion-breathe:breathe 6s ease-in-out infinite;--vf-motion-orbit:orbit 24s linear infinite;--vf-motion-fade:fadeLoop 8s ease-in-out infinite}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:clamp(14px,1.2vw,18px)}body{min-width:320px;color:var(--vf-text-strong);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:linear-gradient(#f8fafc 0%,#f4f8ff 45%,#eef4ff 100%);font-family:IBM Plex Sans,sans-serif;line-height:1.5;overflow-x:hidden}.portfolio-shell{isolation:isolate;position:relative;overflow-x:hidden}.portfolio-shell:before,.portfolio-shell:after{content:"";pointer-events:none;z-index:-2;filter:blur(220px);opacity:.5;width:clamp(300px,30vw,500px);height:clamp(300px,30vw,500px);animation:var(--vf-motion-float-soft);background:radial-gradient(circle,#7c3aed1a,#0000 70%);border-radius:50%;position:fixed;inset:auto auto 12vh 5vw}.portfolio-shell:after{background:radial-gradient(circle,#3b82f61f,#0000 70%);width:clamp(350px,35vw,600px);height:clamp(350px,35vw,600px);animation-delay:-5s;inset:8vh 6vw auto auto}.shell-navbar{width:min(100%, var(--vf-content-width));box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;height:72px;margin:0 auto;padding:0 clamp(16px,4vw,64px);display:flex}.container{width:min(100%, var(--vf-content-width));margin:0 auto;padding:0 clamp(16px,4vw,64px)}.navbar-header-row{justify-content:space-between;align-items:center;gap:14px;width:auto;display:flex}.navbar-toggle-btn{display:none}.shell-logo-wrap{color:inherit;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;display:flex}.shell-logo-wrap p{font-size:.72rem}.shell-cta{align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%)!important;border:1px solid #ffffff40!important;box-shadow:0 4px 16px #2563eb47!important}.shell-nav-links .shell-cta{padding:9px 16px;box-shadow:0 4px 16px #2563eb47}.shell-nav-links .shell-cta:hover,.shell-cta:hover{transform:translateY(-1.5px);color:#fff!important;background:linear-gradient(135deg,#1d4ed8 0%,#4338ca 100%)!important;box-shadow:0 6px 22px #2563eb6b!important}main{z-index:0;width:100%;position:relative}.site-footer{width:min(100%, var(--vf-content-width));color:var(--vf-text-muted);border-top:1px solid var(--vf-border);background:var(--vf-bg-dark-soft);border-radius:20px 20px 0 0;justify-content:space-between;align-items:flex-start;gap:28px;margin:0 auto;padding:28px clamp(20px,5vw,88px) 44px;display:flex}.site-footer-brand,.site-footer-meta{flex:320px}.site-footer-kicker{color:var(--vf-primary-600);border-radius:var(--vf-radius-pill);letter-spacing:.08em;text-transform:uppercase;background:#2563eb1a;border:1px solid #2563eb33;align-items:center;gap:8px;margin-bottom:14px;padding:9px 14px;font-size:.72rem;display:inline-flex}.site-footer-brand h2{color:var(--vf-text-strong);letter-spacing:-.03em;margin-bottom:10px;font-family:Inter,sans-serif;font-size:clamp(1.4rem,2vw,1.85rem)}.site-footer-brand p,.site-footer-meta p{line-height:1.7}.site-footer-brand p{max-width:540px}.site-footer-label,.site-footer-note{color:var(--vf-text-slate)}.site-footer-label{letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem}.site-footer-meta{gap:8px;display:grid}.page-section{min-height:100vh;padding:80px 7% 96px}.page-panel{isolation:isolate;position:relative}.page-hero{text-align:center;max-width:780px;margin:0 auto 40px}.page-hero.compact{margin-bottom:48px}.page-hero h1{margin:14px 0;font-family:Inter,sans-serif;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.02}.page-hero p{color:var(--vf-text-muted);font-size:1.02rem;line-height:1.78}.page-kicker{border-radius:var(--vf-radius-pill);color:var(--vf-primary-600);letter-spacing:.14em;text-transform:uppercase;background:#2563eb1a;border:1px solid #2563eb33;align-items:center;padding:9px 14px;font-size:.78rem;display:inline-flex}.page-pills{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.page-pills span{border:1px solid var(--vf-border);color:var(--vf-text-body);box-shadow:var(--vf-shadow-soft);background:#fff;border-radius:999px;padding:10px 14px}.page-link-button{background:var(--vf-grad-brand);color:#fff;box-shadow:var(--vf-shadow-glow);border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-weight:600;text-decoration:none;display:inline-flex}.page-action-row{justify-content:center;margin-top:32px;display:flex}.build-page,.selector-page{gap:34px;display:grid}.builder-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:24px;margin-bottom:40px;display:grid}@media (width<=1024px){.builder-layout{grid-template-columns:1fr}.builder-preview{max-height:none;position:relative;top:auto;overflow-y:visible}.builder-preview.card-panel{max-width:100%}.shell-navbar{margin:12px clamp(10px,3vw,20px)}}.builder-progress{margin-top:24px;margin-bottom:20px}.builder-progress-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.builder-progress-top small{color:var(--vf-text-muted)}.page-action-row{z-index:5;position:relative}.builder-progress-track{background:#e2e8f0;border:none;border-radius:999px;height:10px;overflow:hidden}.builder-progress-track span{border-radius:inherit;background:var(--vf-grad-brand);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}@keyframes progressGlow{0%{background-position:0%}to{background-position:200%}}.step-tabs{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.step-tab{border:1px solid var(--vf-border-strong);color:var(--vf-text-body);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.step-tab:hover{border-color:var(--vf-primary-600);color:var(--vf-primary-600);background:#eff6ff;transform:translateY(-1px)}.step-tab.active{background:var(--vf-grad-brand);color:#fff;border-color:var(--vf-primary-600);font-weight:600;box-shadow:0 0 16px #2563eb40}.step-tab.completed{color:#10b981;background:#10b98114;border-color:#10b98166}.step-tab.completed:hover{color:#059669;background:#10b9811f;border-color:#10b98199}.form-nav-row{justify-content:space-between;gap:12px;margin-top:22px;display:flex}.form-nav-row .secondary-btn,.form-nav-row .primary-btn{justify-content:center;min-width:180px}.form-nav-row .secondary-btn:disabled{opacity:.45;cursor:not-allowed}.dynamic-blocks{gap:18px;display:grid}.dynamic-item{background:var(--vf-bg-dark-soft);border:1px solid var(--vf-border);border-radius:20px;padding:18px}.dynamic-item-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mini-btn{border:1px solid var(--vf-border-strong);color:var(--vf-text-body);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;transition:all .2s}.mini-btn:hover{border-color:var(--vf-primary-600);color:var(--vf-primary-600);background:#eff6ff}.add-row-btn{width:fit-content}.toggle-field{color:var(--vf-text-body);border:1px solid var(--vf-border);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex}.toggle-field input{width:18px;height:18px}.preview-mini-list{gap:6px;margin-bottom:16px;display:grid}.preview-mini-list strong{color:var(--vf-text-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.preview-mini-list p{color:var(--vf-text-body);line-height:1.55}.nova-overview{text-align:left;gap:14px;margin-top:26px;display:grid}.nova-overview strong{color:var(--vf-text-strong);margin-bottom:6px;display:block}.nova-overview p{color:var(--vf-text-body);line-height:1.6}.card-panel{background:var(--vf-bg-panel);border:1px solid var(--vf-border);border-radius:var(--vf-radius-card);box-shadow:var(--vf-shadow-soft);padding:28px;transition:transform .2s,box-shadow .2s}.builder-heading h2{margin:12px 0;font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,3rem)}.builder-heading p{color:var(--vf-text-muted);line-height:1.78}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-top:28px;display:grid}.field-block{flex-direction:column;gap:10px;display:flex}.field-block span,.template-choice-header span,.preview-summary-grid strong{color:var(--vf-text-slate);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.field-block input,.field-block textarea{border:1px solid var(--vf-border-strong);width:100%;color:var(--vf-text-strong);font:inherit;background:#fff;border-radius:16px;outline:none;padding:13px 16px;transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background-color .25s cubic-bezier(.16,1,.3,1)}.field-block input:hover,.field-block textarea:hover{border-color:#94a3b8}.field-block input:focus,.field-block textarea:focus{border-color:var(--vf-primary-600);background:#fff;box-shadow:0 0 0 4px #2563eb1f}.field-block.full-width{grid-column:1/-1}.template-choice-group{margin-top:28px}.template-choice-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.template-choice-header small{color:var(--vf-text-muted)}.template-choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.template-choice{background:var(--vf-bg-panel);border:1px solid var(--vf-border);box-shadow:var(--vf-shadow-soft);cursor:pointer;border-radius:20px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.template-choice input{opacity:0;pointer-events:none;position:absolute}.template-choice.selected{border-color:var(--vf-primary-600);box-shadow:0 10px 30px #2563eb1f}.choice-icon{width:38px;height:38px;color:var(--vf-primary-600);background:#2563eb1a;border-radius:14px;flex:none;place-items:center;display:grid}.template-choice strong{color:var(--vf-text-strong);margin-bottom:4px;display:block}.template-choice p{color:var(--vf-text-muted);font-size:.9rem;line-height:1.5}.builder-submit{margin-top:24px}.builder-preview{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;max-height:calc(100vh - 160px);position:sticky;top:116px;overflow-y:auto}.builder-preview.card-panel{max-width:420px;padding:20px;font-size:.95rem}.builder-preview h3{margin:0;font-size:1.15rem}.builder-preview .template-label,.builder-preview .template-tone{font-size:.85rem}.builder-preview .preview-summary-grid div{padding:12px}@media (width>=1400px){.builder-preview.card-panel{transform-origin:100% 0;transform:scale(.96)}}.builder-preview::-webkit-scrollbar{width:6px}.builder-preview::-webkit-scrollbar-track{background:0 0}.builder-preview::-webkit-scrollbar-thumb{background-color:#ffffff29;border-radius:99px}.selector-layout{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:start;gap:24px;display:grid}@media (width<=1024px){.selector-layout{grid-template-columns:1fr}.selector-preview{width:100%;max-width:100%;position:relative;top:auto}}.selector-showcase{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.selector-card{text-align:left;cursor:pointer;width:100%;color:inherit}.selector-card.selected{border-color:var(--vf-primary-600);box-shadow:0 16px 36px #2563eb26}.selector-open-button{justify-content:center;width:100%;margin-top:10px}.preview-ribbon{width:fit-content;color:var(--vf-primary-600);background:#2563eb1a;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 12px;display:inline-flex}.builder-preview-hero{align-items:center;gap:16px;margin-bottom:18px;display:flex}.preview-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.preview-summary-grid div{background:var(--vl-bg-secondary,#f8fafc);border:1px solid var(--vf-border,#e2e8f0);border-radius:18px;gap:6px;padding:14px;display:grid}.preview-summary-grid span{color:var(--vl-text-primary,#0f172a);word-break:break-word;overflow-wrap:anywhere;font-weight:500;line-height:1.55}.feature-grid-wide,.ecosystem-grid-wide,.steps-grid-wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.home-templates{padding-top:96px}.home-template-showcase{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cta-box.slim{margin-top:44px}.bg-glow{filter:blur(220px);opacity:.5;z-index:-1;border-radius:50%;position:absolute}.glow-1{background:#7c3aed1a;width:350px;height:350px;top:100px;left:-110px}.glow-2{background:#3b82f61f;width:380px;height:380px;top:380px;right:-130px}.glow-3{background:#10b98114;width:320px;height:320px;bottom:240px;left:26%}.navbar{z-index:100;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--vf-border);background:#ffffffb8;justify-content:space-between;align-items:center;width:100%;padding:18px clamp(20px,5vw,88px);display:flex;position:sticky;top:0}.nav-links .active{color:var(--vf-primary-600)!important}.logo-wrap p{color:var(--vf-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:.78rem}.logo{letter-spacing:-.04em;font-family:Inter,sans-serif;font-size:1.85rem;font-weight:800;line-height:1}.logo span{background:var(--vf-grad-header);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--vf-text-body);border-radius:999px;padding:10px 12px;font-weight:500;text-decoration:none;transition:color .28s,transform .28s,background-color .28s}.nav-links a:hover{color:var(--vf-primary-600);background:#eff6ff;transform:translateY(-1px)}.nav-btn,.primary-btn,.secondary-btn{cursor:pointer;border:none;transition:transform .28s,box-shadow .28s,border-color .28s,background-color .28s,filter .28s}.nav-btn,.primary-btn{background:var(--vf-grad-brand);color:#fff}.nav-btn{border-radius:var(--vf-radius-pill);padding:11px 20px;font-family:Inter,sans-serif;font-weight:600}.primary-btn{box-shadow:var(--vf-shadow-glow);border-radius:16px;align-items:center;gap:10px;padding:14px 26px;font-family:Inter,sans-serif;font-size:.98rem;font-weight:600;text-decoration:none;display:flex}.primary-btn:hover,.nav-btn:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 18px 40px #2563eb59}.secondary-btn{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:16px;justify-content:center;align-items:center;padding:14px 24px;font-weight:600;text-decoration:none;display:inline-flex}.secondary-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:translateY(-2px)}.hero{grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr);align-items:center;gap:68px;min-height:clamp(760px,92vh,1020px);padding:clamp(68px,7vw,96px) clamp(20px,5vw,88px) clamp(56px,5vw,72px);display:grid}.hero-badge{border-radius:var(--vf-radius-pill);width:fit-content;color:var(--vf-primary-600);animation:var(--vf-motion-breathe);background:#2563eb1a;border:1px solid #2563eb33;align-items:center;gap:9px;margin-bottom:26px;padding:10px 16px;font-size:.9rem;display:flex;box-shadow:0 12px 28px #2563eb1f}.hero-left h1{letter-spacing:-.02em;margin-bottom:24px;font-family:Inter,sans-serif;font-size:clamp(2.65rem,7vw,5.2rem);line-height:1.02}.hero-left h1 span{background:var(--vf-grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-left p{color:var(--vf-text-body);max-width:650px;margin-bottom:36px;font-size:1.03rem;line-height:1.82}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.hero-stats{flex-wrap:wrap;gap:44px;margin-top:50px;display:flex}.hero-stats h2{margin-bottom:8px;font-family:Inter,sans-serif;font-size:2rem}.hero-stats span{color:var(--vf-text-muted);font-size:.94rem}.hero-right{justify-content:center;display:flex}.portfolio-preview{border-radius:var(--vf-radius-card);-webkit-backdrop-filter:blur(24px);width:100%;max-width:450px;animation:var(--vf-motion-float);background:#ffffffb8;border:1px solid #e2e8f0cc;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 40px #0f172a14}.preview-header{border-bottom:1px solid var(--vf-border);align-items:center;gap:10px;padding:16px 20px;display:flex}.preview-header span{background:#64748b;border-radius:50%;width:12px;height:12px}.preview-header p{color:var(--vf-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.84rem}.preview-body{text-align:center;padding:28px}.profile-circle{background:radial-gradient(circle at 35% 30%, #ffffff2e, transparent 44%), var(--vf-grad-brand);border-radius:50%;place-items:center;width:122px;height:122px;margin:2px auto 18px;padding:12px;display:grid;overflow:hidden;box-shadow:0 10px 28px #2563eb40}.profile-circle img{object-fit:contain;width:100%;height:100%;display:block}.preview-body h3{color:var(--vf-text-strong);margin-bottom:8px;font-family:Inter,sans-serif;font-size:1.6rem}.preview-body p{color:var(--vf-text-muted)}.tech-stack{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0;display:flex}.tech-stack span{border-radius:var(--vf-radius-pill);color:var(--vf-primary-600);background:#2563eb1a;border:1px solid #2563eb33;padding:8px 13px;font-size:.83rem}.preview-project{background:var(--vf-bg-dark-soft);border:1px solid var(--vf-border);border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:11px 14px;display:flex}.preview-project div{background:var(--vf-grad-brand);border-radius:50%;width:10px;height:10px}.preview-project small{color:var(--vf-text-slate);letter-spacing:.01em}.trust-strip{flex-wrap:wrap;gap:12px;padding:12px 7% 8px;display:flex}.trust-chip{border-radius:var(--vf-radius-pill);color:var(--vf-primary-600);background:#2563eb1a;border:1px solid #2563eb33;padding:11px 16px;font-size:.84rem}.section-title{text-align:center;margin-bottom:62px}.section-title span{color:var(--vf-primary-400);letter-spacing:.16em;font-size:.78rem;font-weight:700}.section-title h2{letter-spacing:-.03em;margin:14px 0;font-family:Inter,sans-serif;font-size:clamp(2.1rem,4.8vw,3.7rem)}.section-title p{max-width:760px;color:var(--vf-text-muted);margin:0 auto;line-height:1.76}.feature-grid,.template-grid,.ecosystem-grid,.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.template-showcase{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card,.template-card,.ecosystem-card,.step-card{background:var(--vf-bg-panel);border:1px solid var(--vf-border);border-radius:var(--vf-radius-card);box-shadow:var(--vf-shadow-card);padding:clamp(24px,3vw,30px);transition:transform .25s,border-color .25s,box-shadow .25s,background-color .25s}.template-card.detail{min-height:100%}.template-card-top{align-items:center;gap:16px;margin-bottom:20px;display:flex}.template-preview.template-ornament{color:#fff;border-radius:18px;place-items:center;width:68px;min-width:68px;height:68px;margin-bottom:0;animation:24s linear infinite orbit;display:grid;box-shadow:0 14px 26px #0206172e}.template-label{color:var(--vf-primary-600);letter-spacing:.12em;text-transform:uppercase;background:#2563eb1a;border-radius:999px;margin-bottom:10px;padding:7px 12px;font-size:.76rem;display:inline-flex}.template-tone{color:var(--vf-text-muted);margin-bottom:0}.template-philosophy{color:var(--vf-text-body);margin-bottom:18px;line-height:1.7}.template-meta{gap:5px;margin-bottom:16px;display:grid}.template-meta strong{color:var(--vf-text-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.83rem}.template-meta span{color:var(--vf-text-body);line-height:1.6}.template-pills{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.template-pills span{background:var(--vf-bg-dark-soft);border:1px solid var(--vf-border);color:var(--vf-text-slate);border-radius:999px;padding:8px 12px;font-size:.82rem}.template-divider{background:linear-gradient(90deg,#94a3b80f,#2563eb99,#94a3b80f);width:100%;height:1px;margin-bottom:18px}.template-features{gap:12px;display:grid}.template-feature-row{align-items:center;gap:10px;display:flex}.template-feature-row span{background:var(--vf-primary-400);border-radius:50%;width:8px;height:8px;animation:6s ease-in-out infinite breathe;box-shadow:0 0 12px #2563eb99}.template-feature-row small{color:var(--vf-text-body);font-size:.92rem;line-height:1.5}.template-card.nova .template-preview.template-ornament{background:linear-gradient(135deg,#3b82f6,#9333ea)}.template-card.glass .template-preview.template-ornament{background:linear-gradient(135deg,#ffffff38,#9333ea8c)}.template-card.zenith .template-preview.template-ornament{color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#334155);border:1px solid #94a3b833}.template-card.neon .template-preview.template-ornament{background:linear-gradient(135deg,#a855f7,#06b6d4)}.template-card.pixel .template-preview.template-ornament{background:linear-gradient(135deg,#f97316,#f43f5e)}.portfolio-template-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020617b3;border:1px solid #94a3b829;border-radius:34px;max-width:1320px;margin:0 auto;padding:28px;box-shadow:0 18px 42px #02061759}.portfolio-template-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.portfolio-template-kicker,.portfolio-section-kicker{color:#d8b4fe;letter-spacing:.12em;text-transform:uppercase;background:#7c3aed24;border:1px solid #7c3aed42;border-radius:999px;align-items:center;padding:8px 12px;font-size:.76rem;display:inline-flex}.portfolio-template-header h1{color:#fff;margin:14px 0 8px;font-family:Inter,sans-serif;font-size:clamp(2.2rem,4.8vw,3.8rem);line-height:1}.portfolio-template-subtitle{color:#cbd5e1;font-size:1.02rem}.portfolio-template-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.portfolio-template-pill{color:#dbe4ef;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:10px 14px}.portfolio-template-button,.portfolio-project-links a,.portfolio-social-link{color:#f8fafc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:8px;padding:11px 15px;text-decoration:none;display:inline-flex}.portfolio-project-card,.portfolio-template-button{font:inherit}.portfolio-template-button{font-weight:600}.portfolio-template-button:hover,.portfolio-project-links a:hover,.portfolio-social-link:hover{border-color:#7c3aed59;transform:translateY(-2px)}.portfolio-template-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;margin-bottom:28px;display:grid}.portfolio-hero-copy,.portfolio-hero-panel,.portfolio-section,.portfolio-project-card,.portfolio-project-spotlight,.portfolio-skill-card,.portfolio-empty-state{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:26px;box-shadow:0 12px 30px #02061729}.portfolio-project-visual{background:linear-gradient(135deg,#3b82f62e,#9333ea2e);border:1px solid #ffffff14;border-radius:22px;min-height:220px;margin-bottom:16px;overflow:hidden}.portfolio-project-visual img{object-fit:cover;width:100%;height:100%;min-height:220px;display:block}.portfolio-project-visual-fallback{background:radial-gradient(circle at 100% 0,#ffffff2e,#0000 36%),linear-gradient(135deg,#0f172aeb,#3b82f6b8);align-content:end;min-height:220px;padding:20px;display:grid}.portfolio-project-visual-fallback span{color:#dbeafe;letter-spacing:.12em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;width:fit-content;margin-bottom:10px;padding:8px 12px;font-size:.74rem;display:inline-flex}.portfolio-project-visual-fallback strong{color:#fff;font-family:Inter,sans-serif;font-size:1.4rem}.portfolio-project-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.portfolio-project-meta-grid div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:14px}.portfolio-project-meta-grid p{margin:0}.portfolio-hero-copy{padding:28px}.portfolio-template-description{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.76rem}.portfolio-hero-copy h2{color:#fff;margin-bottom:14px;font-family:Inter,sans-serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02}.portfolio-template-body{color:#cbd5e1;max-width:760px;line-height:1.75}.portfolio-template-actions-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.portfolio-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.portfolio-summary-grid div,.portfolio-contact-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:14px}.portfolio-contact-card{color:inherit;align-items:flex-start;gap:10px;text-decoration:none;display:flex}.portfolio-summary-grid strong,.portfolio-contact-card strong,.portfolio-skill-card strong,.portfolio-project-spotlight strong{color:#fff;margin-bottom:6px;display:block}.portfolio-summary-grid span,.portfolio-contact-card span,.portfolio-skill-card span,.portfolio-project-card p,.portfolio-project-spotlight p{color:#cbd5e1;line-height:1.65}.portfolio-hero-panel{gap:16px;padding:24px;display:grid}.portfolio-hero-panel-top{color:#cbd5e1;justify-content:space-between;align-items:center;gap:16px;display:flex}.portfolio-profile-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex}.portfolio-profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:22px;place-items:center;width:68px;height:68px;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:800;display:grid;overflow:hidden}.portfolio-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-profile-card h3{color:#fff;margin-bottom:4px;font-family:Inter,sans-serif;font-size:1.2rem}.portfolio-contact-grid{gap:10px;display:grid}.portfolio-social-row{flex-wrap:wrap;gap:10px;display:flex}.portfolio-section{margin-bottom:20px;padding:24px}.portfolio-section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.portfolio-section-header h3{color:#fff;margin-top:10px;font-family:Inter,sans-serif;font-size:1.55rem}.portfolio-section-header p{color:#94a3b8;max-width:540px}.portfolio-skill-grid{--skill-grid-gap:20px;--skill-card-padding:22px;--chip-gap:12px;--chip-padding-vertical:10px;--chip-padding-horizontal:14px;gap:var(--skill-grid-gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.portfolio-skill-card{padding:var(--skill-card-padding)}.portfolio-chip-row{gap:var(--chip-gap);flex-wrap:wrap;display:flex}.portfolio-chip-row span{padding:var(--chip-padding-vertical) var(--chip-padding-horizontal);color:#e9d5ff;white-space:normal;word-break:break-word;background:#7c3aed1f;border:1px solid #7c3aed33;border-radius:999px;align-items:center;font-size:.86rem;display:inline-flex}.portfolio-project-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:16px;display:grid}.portfolio-project-list{gap:12px;display:grid}.portfolio-project-card{text-align:left;cursor:pointer;width:100%;padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s}.portfolio-project-card:hover,.portfolio-project-card.active{border-color:#7c3aed57;transform:translateY(-4px);box-shadow:0 20px 40px #4f46e538}.portfolio-project-card-top,.portfolio-project-spotlight-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.portfolio-project-card-top span,.portfolio-project-spotlight-header span{color:#a7f3d0;letter-spacing:.12em;text-transform:uppercase;background:#10b9811f;border-radius:999px;padding:7px 10px;font-size:.74rem}.portfolio-project-spotlight{padding:22px}.portfolio-project-spotlight-header strong{font-size:1.35rem}.portfolio-project-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.portfolio-empty-state{color:#cbd5e1;padding:18px}.portfolio-template-shell.template-theme-zenith{background:#0f172ac2}.portfolio-template-shell.template-theme-glass{box-shadow:0 18px 42px #7c3aed2e}.portfolio-template-shell.template-theme-neon{box-shadow:0 18px 42px #06b6d424}.portfolio-template-shell.template-theme-pixel{box-shadow:0 18px 42px #f43f5e1f}.portfolio-output-page{min-height:100vh;padding:clamp(16px,2.4vw,28px)}.trust-strip{width:min(100%, var(--vf-content-width));margin:0 auto;padding:12px clamp(20px,5vw,88px) 8px}.trust-chip{animation:8s ease-in-out infinite fadeLoop}.trust-chip:nth-child(2){animation-delay:-2s}.trust-chip:nth-child(3){animation-delay:-4s}.features,.templates,.ecosystem,.steps,.cta{padding:clamp(84px,8vw,112px) clamp(20px,5vw,88px)}.bg-glow{animation:16s ease-in-out infinite floatSoft}@media (width<=960px){.portfolio-template-header,.portfolio-template-hero,.portfolio-project-layout,.portfolio-section-header{grid-template-columns:1fr;display:grid}.portfolio-template-header-actions{justify-content:flex-start}.portfolio-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.portfolio-template-shell{border-radius:26px;padding:18px}.portfolio-output-page{padding:14px}.portfolio-template-button,.portfolio-project-links a,.portfolio-social-link{justify-content:center;width:100%}.portfolio-project-meta-grid{grid-template-columns:1fr}}@media (width<=480px){.portfolio-template-shell{border-radius:18px;padding:14px 10px}.portfolio-template-hero{gap:16px}.portfolio-hero-panel{border-radius:18px;gap:12px;padding:14px 10px}.portfolio-summary-grid{gap:8px}.portfolio-summary-grid div{border-radius:12px;padding:10px 6px}.portfolio-summary-grid strong{margin-bottom:2px;font-size:1.25rem}.portfolio-summary-grid span{font-size:.72rem}.portfolio-contact-card{border-radius:12px;padding:10px}.portfolio-contact-card strong{margin-bottom:2px;font-size:.76rem}.portfolio-contact-card span{font-size:.76rem}.portfolio-section{border-radius:18px;padding:16px 12px}.portfolio-project-spotlight{border-radius:18px;padding:14px 10px}.portfolio-project-meta-grid{grid-template-columns:1fr}.portfolio-skill-card{border-radius:14px;padding:14px 12px}.portfolio-chip-row span{padding:6px 10px;font-size:.76rem}.step-tabs{gap:6px}.step-tab{text-align:center;flex:calc(50% - 6px);padding:8px 10px;font-size:.82rem}.step-tab:last-child{flex:100%}}.feature-card:hover,.template-card:hover,.ecosystem-card:hover,.step-card:hover{border-color:#2563eb4d;transform:translateY(-4px)scale(1.02);box-shadow:0 20px 60px #2563eb1a}.feature-card svg,.ecosystem-card svg{color:var(--vf-primary-600);margin-bottom:18px}.feature-card h3,.template-card h3,.ecosystem-card h3,.step-card h3{color:var(--vf-text-strong);margin-bottom:12px;font-family:Inter,sans-serif;font-size:1.28rem}.feature-card p,.template-card p,.ecosystem-card p,.step-card p{color:var(--vf-text-body);line-height:1.68}.template-preview{border-radius:15px;height:184px;margin-bottom:18px}.template-preview.modern{background:var(--vf-grad-ats)}.template-preview.glass{background:var(--vf-grad-brand)}.template-preview.minimal{background:var(--vf-grad-resume)}.template-preview.career{background:var(--vf-grad-portfolio)}.template-preview.forge{background:var(--vf-grad-interview)}.ecosystem-page{overflow:hidden}.ecosystem-page .bg-glow{z-index:0}.ecosystem-page .ecosystem-hero,.ecosystem-page .ecosystem-grid,.ecosystem-page .ecosystem-cta{z-index:1;position:relative}.ecosystem-page .ecosystem-hero h1 span{background:var(--vf-grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ecosystem-page .ecosystem-badge{gap:8px}.ecosystem-card-page{min-height:100%}.ecosystem-icon{color:#d8b4fe;background:#7c3aed29;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.ecosystem-cta{background:linear-gradient(135deg,#7c3aed29,#3b82f614);border:1px solid #ffffff1f;border-radius:32px;max-width:960px;margin:0 auto;padding:36px}.ecosystem-cta h2{margin-bottom:16px;font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.ecosystem-cta h2 span{background:var(--vf-grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ecosystem-cta p{color:#cad7e6;max-width:760px;margin-bottom:24px;line-height:1.8}.ecosystem-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-ecosystem-btn,.secondary-ecosystem-btn{justify-content:center;min-width:220px}.secondary-ecosystem-btn{background:#ffffff0a;border:1px solid #ffffff1f}@media (width<=720px){.template-card-top{align-items:flex-start}.template-preview.template-ornament{width:58px;min-width:58px;height:58px}}@media (width<=960px){.navbar,.site-footer{flex-direction:column;align-items:flex-start;gap:24px}.shell-navbar{border-radius:26px;flex-direction:row;align-items:center;width:min(100% - 24px,1120px);margin-top:12px;padding:10px 16px;top:12px}.shell-logo-wrap{text-align:left;align-items:flex-start}.shell-nav-links{justify-content:flex-end;width:auto}.nav-links{gap:8px;width:auto}.builder-layout{grid-template-columns:1fr}.builder-preview{position:static}.selector-layout{grid-template-columns:1fr}}@media (width<=768px){.page-section,.hero,.features,.templates,.ecosystem,.steps,.cta,.site-footer{padding-left:20px;padding-right:20px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-stats{gap:24px}.site-footer{padding-left:20px;padding-right:20px}.field-grid{grid-template-columns:1fr}.preview-summary-grid{grid-template-columns:repeat(2,1fr)}.form-nav-row{flex-direction:column}.form-nav-row .secondary-btn,.form-nav-row .primary-btn{width:100%}}.ecosystem{position:relative}.ecosystem:before{content:"";z-index:-1;background:radial-gradient(circle,#6366f129,#0000 70%);height:220px;position:absolute;inset:20% 15% auto}.step-number{color:#a855f738;margin-bottom:18px;font-family:Inter,sans-serif;font-size:2.85rem;font-weight:800}.cta-box{border:1px solid var(--vf-border);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(130deg,#3b82f61f,#9333ea1f),#ffffff0f;border-radius:30px;max-width:960px;margin:0 auto;padding:62px 34px}.cta-box svg{color:var(--vf-primary-400);margin-bottom:22px}.cta-box h2{margin-bottom:17px;font-family:Inter,sans-serif;font-size:clamp(2rem,4.6vw,3.8rem)}.cta-box h2 span{background:var(--vf-grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-box p{color:var(--vf-text-muted);max-width:700px;margin:0 auto 34px;line-height:1.8}.large-btn{margin:0 auto}@media (width<=1024px){.navbar{padding:17px clamp(20px,5vw,64px)}.hero{grid-template-columns:1fr;min-height:auto;padding:62px clamp(20px,5vw,64px) 42px}.hero-right{justify-content:center}.features,.templates,.ecosystem,.steps,.cta{padding:84px clamp(20px,5vw,64px)}.trust-strip{padding:10px clamp(20px,5vw,64px) 4px}}@media (width<=768px){.shell-navbar{border-radius:0;flex-direction:column;align-items:stretch;padding:12px 24px;height:auto!important}.navbar-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-toggle-btn{color:var(--vf-text-strong);cursor:pointer;background:0 0;border:1px solid #0f172a14;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.navbar-toggle-btn:hover{background:#0f172a0a;border-color:#0f172a26}.navbar-search-trigger.mobile-only{margin-left:auto;margin-right:8px}.shell-nav-links{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-direction:column;align-items:stretch;margin-top:0;padding:12px 0 4px;display:none}.shell-nav-links.active{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownNav;display:flex}.nav-items-list{background:0 0;border:none;flex-direction:column;align-items:stretch;gap:4px;width:100%;margin-bottom:12px;padding:0}.nav-hover-pill{display:none!important}.shell-nav-links .nav-item-link{text-align:center;width:100%;color:var(--vl-text-secondary);background:0 0;border-radius:10px;justify-content:center;padding:10px 16px;font-weight:500;transition:all .2s;display:inline-flex}.shell-nav-links .nav-item-link:hover{color:var(--vl-primary);background:#2563eb0d}.shell-nav-links .nav-item-link.active{color:var(--vl-primary);background:#2563eb14;font-weight:600}.shell-cta{justify-content:center;width:100%;margin-top:4px;padding:12px!important}.logo-wrap p{display:none}.primary-btn,.secondary-btn{justify-content:center;width:100%}.hero-stats{gap:24px}.cta-box{padding:50px 22px}}@keyframes slideDownNav{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.hero-left h1{font-size:clamp(2.2rem,13vw,3.3rem)}.hero-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.template-preview{height:164px}.section-title{margin-bottom:40px}.navbar{padding-top:14px;padding-bottom:14px}}@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@keyframes breathe{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeLoop{0%,to{opacity:.72}50%{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.portfolio-preview-bar{z-index:10000;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#080f20d1;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:16px;padding:12px 16px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #02061773,inset 0 0 0 1px #ffffff0d}.preview-indicator{color:#cbd5e1;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.preview-dot{background:linear-gradient(135deg,#34d399,#10b981);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGreen;box-shadow:0 0 10px #10b981d9}.preview-divider{background:#ffffff26;width:1px;height:18px}.preview-actions{align-items:center;gap:10px;display:flex}.preview-btn{color:#f8fafc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.preview-btn:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.preview-btn:focus-visible,.picker-item:focus-visible,.picker-close-btn:focus-visible,.publish-copy-btn:focus-visible,.publish-action-btn:focus-visible,.error-boundary-button:focus-visible{outline-offset:2px;outline:2px solid #60a5faf2}.preview-btn.accent{background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;box-shadow:0 10px 20px #2563eb40}.preview-btn.accent:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca);box-shadow:0 14px 28px #2563eb59}.preview-btn.active{background:#ffffff1f;border-color:#60a5fa59;box-shadow:inset 0 0 0 1px #60a5fa1a}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.preview-template-picker{z-index:10001;-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(#0c1224fa,#0a0f1df5);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:12px;width:440px;max-width:calc(100vw - 32px);padding:18px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpPicker;display:flex;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 26px 60px #020617b8,inset 0 0 0 1px #ffffff0d}@keyframes slideUpPicker{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.picker-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.picker-header h3{color:#f8fafc;letter-spacing:.02em;margin:0;font-size:.92rem;font-weight:600}.picker-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.picker-close-btn:hover{color:#f1f5f9;background:#ffffff14}.picker-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:280px;padding-right:4px;display:grid;overflow-y:auto}.picker-grid::-webkit-scrollbar{width:4px}.picker-grid::-webkit-scrollbar-track{background:0 0}.picker-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.picker-grid::-webkit-scrollbar-thumb:hover{background:#ffffff40}.picker-item{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:flex}.picker-item:hover{background:#ffffff14;border-color:#ffffff29;transform:translateY(-1px)}.picker-item.active{background:linear-gradient(135deg,#2563eb38,#4f46e524);border-color:#60a5fa73;box-shadow:inset 0 0 0 1px #60a5fa14,0 12px 24px #2563eb1f}.picker-item-icon{color:#a5b4fc;background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.picker-item.active .picker-item-icon{color:#fff;background:#4f46e5}.picker-item-details{flex-direction:column;min-width:0;display:flex}.picker-item-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.picker-item-label{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.picker-item.active .picker-item-name{color:#fff}.picker-item.active .picker-item-label{color:#a5b4fc}.picker-footer{border-top:1px solid #ffffff14;justify-content:center;padding-top:10px;display:flex}.picker-explore-link{color:#cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.picker-explore-link:hover{color:#fff;background:#ffffff0a}@media (width<=640px){.portfolio-preview-bar{border-radius:20px;flex-direction:column;gap:10px;width:calc(100% - 32px);padding:12px;bottom:16px}.preview-divider{display:none}.preview-actions{justify-content:stretch;width:100%}.preview-btn{flex:1;justify-content:center}.preview-template-picker{width:calc(100% - 32px);padding:12px;bottom:122px}.picker-grid{grid-template-columns:1fr;max-height:200px}}.resume-selector-container{flex-direction:column;gap:8px;display:flex}.resume-toggle-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;gap:4px;margin-bottom:4px;padding:3px;display:flex}.resume-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.resume-toggle-btn:hover{color:#f1f5f9;background:#ffffff08}.resume-toggle-btn.active{color:#fff;background:#7c3aed99;box-shadow:0 4px 12px #7c3aed40}.resume-file-area{flex-direction:column;width:100%;display:flex}.file-upload-trigger{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px dashed #ffffff40;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.file-upload-trigger:hover{color:#fff;background:#7c3aed14;border-color:#7c3aed80}.uploaded-file-row{background:#10b98114;border:1px solid #10b98140;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;display:flex}.uploaded-file-row .file-info{color:#a7f3d0;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 100px);font-size:.88rem;font-weight:500;overflow:hidden}.uploaded-file-row .mini-btn.danger{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.uploaded-file-row .mini-btn.danger:hover{color:#fff;background:#ef44444d;border-color:#ef444480}.image-selector-container{flex-direction:column;gap:8px;display:flex}.image-toggle-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;gap:4px;margin-bottom:4px;padding:3px;display:flex}.image-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.image-toggle-btn:hover{color:#f1f5f9;background:#ffffff08}.image-toggle-btn.active{color:#fff;background:#7c3aed99;box-shadow:0 4px 12px #7c3aed40}.image-file-area{flex-direction:column;width:100%;display:flex}.publish-modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:11000;background:radial-gradient(circle at top,#2563eb24,#0000 42%),#020617c7;place-items:center;padding:24px;animation:.3s ease-out fadeIn;display:grid;position:fixed;inset:0}.publish-modal-card{text-align:center;background:linear-gradient(145deg,#121828fa,#0c1220fa);border:1px solid #ffffff26;border-radius:28px;flex-direction:column;align-items:center;width:min(100%,500px);padding:34px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;display:flex;position:relative;box-shadow:0 30px 80px #000000b8,inset 0 0 0 1px #ffffff0d}.publish-modal-icon{color:#34d399;background:linear-gradient(135deg,#10b98129,#3b82f614);border:1.5px solid #10b98147;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:16px;display:grid;box-shadow:0 0 24px #10b9811f}.publish-modal-card h2{color:#fff;margin-bottom:8px;font-size:1.48rem;font-weight:700}.publish-modal-card p{color:#a5b4fc;margin-bottom:24px;font-size:.92rem;line-height:1.6}.publish-link-container{background:#02061752;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:6px 6px 6px 14px;transition:border-color .2s;display:flex}.publish-link-container:focus-within{border-color:#6366f1}.publish-link-input{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:monospace;font-size:.88rem;overflow:hidden}.publish-copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.publish-copy-btn:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca);transform:translateY(-1px)}.publish-copy-btn.copied{background:linear-gradient(135deg,#059669,#10b981)}.publish-modal-actions{gap:12px;width:100%;display:flex}.publish-action-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.publish-action-btn.primary{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.publish-action-btn.primary:hover{background:#ffffff26;transform:translateY(-1px)}.publish-action-btn.secondary{color:#cbd5e1;background:0 0;border:1px solid #ffffff14}.publish-action-btn.secondary:hover{color:#fff;background:#ffffff08}.error-boundary{color:#f8fafc;background:radial-gradient(circle at top,#2563eb29,#0000 34%),linear-gradient(#020617 0%,#0f172a 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.error-boundary-card{-webkit-backdrop-filter:blur(14px);background:#0f172ac7;border:1px solid #ffffff14;border-radius:28px;width:min(100%,560px);padding:32px;box-shadow:0 24px 60px #00000059}.error-boundary-kicker{color:#bfdbfe;letter-spacing:.08em;text-transform:uppercase;background:#60a5fa1f;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.error-boundary-card h1{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.4rem)}.error-boundary-card p{color:#cbd5e1;margin-bottom:18px;line-height:1.65}.error-boundary-details{white-space:pre-wrap;color:#94a3b8;margin-bottom:18px}.error-boundary-button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:12px;padding:11px 18px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;box-shadow:0 12px 24px #2563eb40}.error-boundary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2563eb52}.portfolio-loading-screen{color:#fff;background:radial-gradient(circle at top,#2563eb2e,#0000 36%),linear-gradient(#020617 0%,#081024 50%,#0b1328 100%);justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.portfolio-loading-card{text-align:center;-webkit-backdrop-filter:blur(14px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:28px;place-items:center;gap:12px;width:min(100%,520px);padding:30px 28px;display:grid;box-shadow:0 24px 60px #00000059}.portfolio-loading-card h2{letter-spacing:-.03em;font-size:clamp(1.35rem,2vw,1.8rem)}.portfolio-loading-card p{color:#cbd5e1;max-width:42ch;line-height:1.65}.portfolio-loading-card-error{gap:14px}.portfolio-loading-icon{color:#60a5fa;background:#60a5fa1a;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:6px;display:grid}.portfolio-loading-icon.error{color:#f87171;background:#ef44441f}.portfolio-loading-link{display:inline-flex}.portfolio-loading-spinner{border:3px solid #6366f129;border-top-color:#60a5fa;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spinnerRotate}@keyframes spinnerRotate{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.word-rotator{vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.word-rotator-sizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-block}.word-rotator-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.rotator-word{opacity:0;width:100%;transition:opacity .5s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translateY(100%)}.rotator-word.active{opacity:1;z-index:2;transform:translateY(0)}.rotator-word.exit{opacity:0;z-index:1;transform:translateY(-100%)}.rotator-word.hidden{opacity:0;z-index:0;transform:translateY(100%)}.why-section{isolation:isolate;padding:clamp(84px,8vw,112px) clamp(20px,5vw,88px);position:relative;overflow:hidden}.why-glow-1{z-index:-1;pointer-events:none;background:radial-gradient(circle,#7c3aed29 0%,#0000 70%);width:500px;height:500px;top:15%;right:-10%}.why-glow-2{z-index:-1;pointer-events:none;background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);width:600px;height:600px;bottom:15%;left:-10%}.why-badge{border-radius:var(--vf-radius-pill);color:#7c3aed;letter-spacing:.08em;text-transform:uppercase;background:#7c3aed14;border:1px solid #7c3aed40;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.comparison-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:48px;display:grid}.comparison-column{flex-direction:column;height:100%;padding:36px;display:flex}.comparison-column.traditional{background:linear-gradient(#ef44440a,#fff);border-color:#ef444440}.comparison-column.vitalaunch{box-shadow:0 12px 40px #10b9810f, var(--vf-shadow-soft);background:linear-gradient(#10b9810d,#fff);border-color:#10b98159}.comparison-column-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.comparison-column h3{color:var(--vf-text-strong);font-family:Inter,sans-serif;font-size:1.45rem;font-weight:700}.pill-status{border-radius:var(--vf-radius-pill);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px;font-size:.76rem;font-weight:600}.pill-status.danger-status{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}.pill-status.success-status{color:#059669;background:#10b9811a;border:1px solid #10b98140}.comparison-list{flex-direction:column;flex-grow:1;gap:16px;margin:0;padding:0;list-style:none;display:flex}.comparison-item{color:var(--vf-text-slate);align-items:flex-start;gap:12px;font-size:.98rem;line-height:1.5;display:flex}.status-icon{flex-shrink:0;margin-top:2px}.traditional-icon{color:#ef4444}.vitalaunch-icon{color:#10b981}.comparison-footer{color:var(--vf-text-muted);border-top:1px solid var(--vf-border);margin-top:32px;padding-top:20px;font-size:.9rem;font-style:italic}.comparison-column.vitalaunch .comparison-footer{color:#059669;font-style:normal;font-weight:600}.benefits-container{margin-top:88px}.benefits-header{text-align:center;margin-bottom:48px}.benefits-header span{color:var(--vf-primary-600);letter-spacing:.16em;font-size:.8rem;font-weight:700}.benefits-header h3{color:var(--vf-text-strong);letter-spacing:-.02em;margin-top:10px;font-family:Inter,sans-serif;font-size:2.1rem;font-weight:800}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.benefit-card{background:var(--vf-bg-panel);border:1px solid var(--vf-border);border-radius:var(--vf-radius-card);box-shadow:var(--vf-shadow-soft);padding:32px;transition:transform .32s,border-color .32s,box-shadow .32s}.benefit-card:hover{box-shadow:var(--vf-shadow-glow);border-color:#7c3aed66;transform:translateY(-4px)}.benefit-icon-wrapper{color:#7c3aed;background:#7c3aed14;border:1px solid #7c3aed33;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.benefit-card h3{color:var(--vf-text-strong);margin-bottom:12px;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600}.benefit-card p{color:var(--vf-text-body);font-size:.94rem;line-height:1.6}.stats-layout{background:var(--vf-bg-panel);border:1px solid var(--vf-border);border-radius:var(--vf-radius-card);box-shadow:var(--vf-shadow-soft);justify-content:space-around;align-items:center;margin-top:88px;padding:44px 24px;display:flex}.stat-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.stat-item h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f172a 20%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Inter,sans-serif;font-size:clamp(2.8rem,5vw,4.4rem);font-weight:800;line-height:1}.stat-item span{color:var(--vf-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.86rem;font-weight:600}.stat-divider{background:var(--vf-border);width:1px;height:64px}.why-cta-card{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);border:1px solid #7c3aed33;border-radius:32px;margin-top:88px;padding:68px 32px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f172a26}.why-cta-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#7c3aed33,#0000 60%);position:absolute;inset:0}.why-cta-content{z-index:1;position:relative}.cta-sparkle-icon{color:#a855f7;filter:drop-shadow(0 0 12px #a855f7b3);margin-bottom:24px;animation:4s ease-in-out infinite breathe}.why-cta-card h2{letter-spacing:-.02em;color:#fff;margin-bottom:16px;font-family:Inter,sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800}.why-cta-card p{color:#cbd5e1;max-width:640px;margin:0 auto 34px;font-size:1.02rem;line-height:1.76}.why-cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=960px){.comparison-layout{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.stats-layout{flex-direction:column;align-items:stretch;gap:36px;padding:32px 16px}.stat-divider{display:none}.why-cta-card{padding:48px 20px}.why-cta-buttons a,.why-cta-buttons button{justify-content:center;width:100%}}.role-select{color:#f8fafc;width:100%;font:inherit;cursor:pointer;appearance:none;background:#020617a8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") right 16px center/16px no-repeat;border:1px solid #ffffff24;border-radius:16px;outline:none;padding:14px 40px 14px 16px}.role-select:focus{border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed2e}.role-select optgroup{color:#cbd5e1;background:#0f172a;font-weight:600}.role-select option{color:#f1f5f9;background:#0f172a;padding:8px}.suggestions-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:20000;background:#020617bf;place-items:center;padding:24px;animation:.3s ease-out fadeIn;display:grid;position:fixed;inset:0}.suggestions-modal-card{background:linear-gradient(145deg,#1e293bf5,#0f172afa);border:1px solid #7c3aed40;border-radius:24px;flex-direction:column;width:min(100%,680px);max-height:90vh;padding:32px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;display:flex;position:relative;box-shadow:0 24px 64px #000000b3,inset 0 0 0 1px #ffffff0d,0 0 30px #7c3aed26}.modal-close-x{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s;position:absolute;top:20px;right:20px}.modal-close-x:hover{color:#fff}.suggestions-modal-header{margin-bottom:24px}.suggestions-modal-header h3{color:#fff;align-items:center;gap:8px;margin-bottom:6px;font-size:1.4rem;font-weight:700;display:flex}.suggestions-modal-subtitle{color:#94a3b8;font-size:.92rem}.suggestions-modal-subtitle strong{color:#c084fc}.suggestions-modal-content{flex-direction:column;flex:1;gap:24px;margin-bottom:24px;padding-right:8px;display:flex;overflow-y:auto}.suggestions-modal-content::-webkit-scrollbar{width:6px}.suggestions-modal-content::-webkit-scrollbar-track{background:0 0}.suggestions-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.suggestions-modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}.suggestions-modal-section h4{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.88rem;font-weight:700}.modal-phrase-list{flex-direction:column;gap:10px;display:flex}.modal-phrase-item{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.86rem;line-height:1.5;transition:all .2s}.modal-phrase-item:hover{color:#fff;background:#7c3aed14;border-color:#7c3aed66;transform:translate(4px);box-shadow:0 4px 12px #7c3aed26}.modal-phrase-item.bio-item{color:#94a3b8;font-size:.84rem}.modal-phrase-item.bio-item:hover{color:#f1f5f9}.suggestions-modal-actions{justify-content:flex-end;display:flex}.suggestions-modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:12px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #7c3aed4d}.suggestions-modal-close-btn:hover{background:linear-gradient(135deg,#6d28d9,#4338ca);transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed66}.project-templates-container{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;margin:12px 0 20px;padding:16px}.suggestion-label-mini{color:#c084fc;margin-bottom:10px;font-size:.75rem;font-weight:700;display:block}.project-templates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.project-template-btn{text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.project-template-btn:hover{background:#7c3aed0f;border-color:#7c3aed4d;transform:translateY(-2px);box-shadow:0 6px 18px #0000004d}.project-template-btn strong{color:#f8fafc;font-size:.84rem;font-weight:600}.project-template-btn small{color:#a7f3d0;background:#10b9811a;border:1px solid #10b98133;border-radius:4px;width:fit-content;padding:2px 6px;font-family:inherit;font-size:.72rem}.portfolio-experience-timeline{border-left:2px solid #ffffff14;flex-direction:column;gap:24px;margin-left:10px;padding-left:20px;display:flex;position:relative}.portfolio-experience-item{position:relative}.portfolio-experience-item:before{content:"";background:#fff;border:2px solid #0f172a;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:6px;left:-27px;box-shadow:0 0 0 2px #7c3aed80}.portfolio-experience-item:hover:before{background:#c084fc;transform:scale(1.2)}.portfolio-experience-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.portfolio-experience-date{color:#94a3b8;font-family:monospace;font-size:.82rem;font-weight:600}.portfolio-experience-company{color:#c084fc;letter-spacing:.05em;text-transform:uppercase;font-size:.92rem;font-weight:700}.portfolio-experience-details{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;padding:16px 20px}.portfolio-experience-role{color:#fff;margin-bottom:8px;font-size:1.12rem;font-weight:700}.portfolio-experience-desc{color:#cbd5e1;font-size:.92rem;line-height:1.6}@media (width<=640px){.portfolio-experience-meta{flex-direction:column;align-items:flex-start;gap:4px}}.template-theme-nova .portfolio-experience-company{color:#a5b4fc}.template-theme-nova .portfolio-experience-item:before{background:#6366f1;box-shadow:0 0 0 2px #6366f14d}.template-theme-glass .portfolio-experience-company{color:#ffffffe6}.template-theme-glass .portfolio-experience-item:before{background:#fff;box-shadow:0 0 0 2px #fff3}.template-theme-zenith .portfolio-experience-company{color:#2563eb}.template-theme-zenith .portfolio-experience-item:before{background:#2563eb;box-shadow:0 0 0 2px #2563eb33}.template-theme-neon .portfolio-experience-company{color:#22d3ee;text-shadow:0 0 6px #22d3ee66}.template-theme-neon .portfolio-experience-item:before{background:#06b6d4;box-shadow:0 0 8px #06b6d4}.template-theme-pixel .portfolio-experience-company{color:#ec4899}.template-theme-pixel .portfolio-experience-item:before{background:#a855f7;box-shadow:0 0 0 2px #a855f74d}.suggestions-modal-card.project-modal-card{width:min(100%,820px)}.project-templates-modal-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:8px;display:grid}.modal-project-template-card{text-align:left;cursor:pointer;background:#1e293b66;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;padding:20px;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.modal-project-template-card:hover{background:#7c3aed14;border-color:#7c3aed66;transform:translateY(-2px);box-shadow:0 12px 24px #0000004d,0 0 15px #7c3aed26}.modal-project-card-header{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.modal-project-card-header strong{color:#fff;font-size:1.05rem;font-weight:600;line-height:1.3}.modal-project-card-tech{color:#34d399;letter-spacing:.02em;background:#34d3991a;border:1px solid #34d39933;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:500}.modal-project-card-desc{color:#94a3b8;flex-grow:1;margin:0;font-size:.84rem;line-height:1.5}.modal-project-template-card:hover .modal-project-card-desc{color:#cbd5e1}.modal-project-card-badge{color:#c084fc;align-self:flex-end;margin-top:4px;font-size:.78rem;font-weight:600;transition:transform .2s}.modal-project-template-card:hover .modal-project-card-badge{color:#d8b4fe;transform:translate(3px)}.mini-btn.suggestion-btn{color:#c084fc;background:#7c3aed1a;border:1px solid #7c3aed4d;align-items:center;gap:6px;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex}.mini-btn.suggestion-btn:hover{color:#fff;background:#7c3aed40;border-color:#7c3aed80;box-shadow:0 0 10px #7c3aed33}@media (width<=1024px){.builder-preview.card-panel{width:100%;max-width:460px;box-shadow:var(--vf-shadow-deep);margin:24px auto 0;padding:18px}}.selector-open-button-mobile{display:none!important}.mobile-preview-warning{display:none}@media (width<=768px){.builder-preview>:not(.mobile-preview-warning):not(.selector-open-button){display:none!important}.builder-preview .mobile-preview-warning{text-align:center;background:var(--vl-bg-secondary,#f8fafc);border:1px dashed var(--vl-border,#cbd5e1);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:0;padding:32px 16px;display:flex!important}.builder-preview .mobile-preview-warning .warning-icon{color:var(--vl-primary,#2563eb);margin-bottom:16px;animation:3s ease-in-out infinite breathe}.builder-preview .mobile-preview-warning h3{color:var(--vl-text-primary,#0f172a);margin-bottom:6px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700}.builder-preview .mobile-preview-warning p{color:var(--vl-text-secondary,#475569);margin:0;font-size:.86rem;line-height:1.45}.selector-open-button-mobile{justify-content:center;width:100%;display:inline-flex!important}}.help-split-layout{grid-template-columns:1.2fr .8fr;align-items:start;gap:48px;display:grid}@media (width<=900px){.help-split-layout{grid-template-columns:1fr;gap:32px}}.faq-card{background:var(--vl-surface,#fff);border:1px solid var(--vl-border,#e2e8f0);box-shadow:var(--vl-shadow-sm,0 2px 4px #00000005);border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.faq-card:hover{border-color:#2563eb4d;box-shadow:0 12px 30px #2563eb14}.faq-card.active{background:var(--vl-surface,#fff);border-color:var(--vl-primary,#2563eb);box-shadow:0 0 0 1px var(--vl-primary,#2563eb), 0 12px 30px #2563eb14}.faq-header{-webkit-user-select:none;user-select:none}.faq-body{color:var(--vl-text-secondary,#475569)}.text-primary-accent{color:var(--vl-primary,#2563eb)}.text-secondary-accent{color:var(--vl-secondary-accent,#7c3aed)}.contact-success-card{background:#10b98114!important;border:1px solid #10b98140!important}.form-error-banner{animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.builder-mode-pills{background:var(--vl-surface-subtle,#f1f5f9);border:1px solid var(--vl-border,#e2e8f0);border-radius:999px;gap:4px;margin-bottom:8px;padding:4px;display:inline-flex}.mode-pill{color:var(--vl-text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.86rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.mode-pill:hover{color:var(--vl-text-primary,#0f172a)}.mode-pill.active{color:var(--vl-primary,#2563eb);background:#fff;font-weight:600;box-shadow:0 2px 8px #0000000f}.resume-upload-wrapper{flex-direction:column;gap:32px;max-width:860px;margin:32px auto;display:flex}.resume-dropzone-card{background:var(--vl-surface,#fff);border:2px dashed var(--vl-border,#cbd5e1);text-align:center;cursor:pointer;box-shadow:var(--vl-shadow-sm,0 4px 12px #00000008);border-radius:24px;padding:56px 32px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.resume-dropzone-card:hover,.resume-dropzone-card.drag-active{border-color:var(--vl-primary,#2563eb);background:#2563eb05;transform:translateY(-2px);box-shadow:0 16px 36px #2563eb14}.dropzone-icon-glow{justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex;position:relative}.dropzone-icon-circle{width:72px;height:72px;color:var(--vl-primary,#2563eb);background:linear-gradient(135deg,#2563eb1f,#7c3aed1f);border-radius:20px;place-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1);display:grid}.resume-dropzone-card:hover .dropzone-icon-circle{background:linear-gradient(135deg, var(--vl-primary,#2563eb), var(--vl-secondary-accent,#7c3aed));color:#fff;transform:scale(1.08)}.dropzone-title{color:var(--vl-text-primary,#0f172a);margin-bottom:8px;font-size:1.4rem;font-weight:600}.browse-highlight{color:var(--vl-primary,#2563eb);text-underline-offset:4px;text-decoration:underline}.dropzone-subtitle{color:var(--vl-text-secondary,#64748b);max-width:540px;margin:0 auto 24px;font-size:.95rem;line-height:1.6}.dropzone-badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.file-badge{background:var(--vl-surface-subtle,#f8fafc);border:1px solid var(--vl-border,#e2e8f0);color:var(--vl-text-secondary,#475569);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.selected-file-pill{color:var(--vl-primary,#2563eb);background:#2563eb14;border:1px solid #2563eb33;border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:8px 16px;font-size:.86rem;font-weight:600;display:inline-flex}.sample-resumes-container{background:var(--vl-surface,#fff);border:1px solid var(--vl-border,#e2e8f0);box-shadow:var(--vl-shadow-sm,0 4px 12px #00000005);border-radius:20px;padding:24px}.sample-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.sample-header-left{color:var(--vl-text-primary,#0f172a);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.sample-sparkle{color:var(--vl-primary,#2563eb)}.sample-hint{color:var(--vl-text-muted,#94a3b8);font-size:.82rem}.sample-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.sample-card{background:var(--vl-surface-subtle,#f8fafc);border:1px solid var(--vl-border,#e2e8f0);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sample-card:hover{border-color:var(--vl-primary,#2563eb);background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb14}.sample-card-icon{width:38px;min-width:38px;height:38px;color:var(--vl-primary,#2563eb);background:#2563eb14;border-radius:10px;place-items:center;display:grid}.sample-card-info{flex:1;min-width:0}.sample-card-info strong{color:var(--vl-text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.sample-card-info span{color:var(--vl-text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;display:block;overflow:hidden}.sample-card-action{color:var(--vl-primary,#2563eb);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.processing-status-wrapper{max-width:680px;margin:32px auto}.processing-card{background:var(--vl-surface,#fff);border:1px solid var(--vl-border,#e2e8f0);box-shadow:var(--vl-shadow-lg,0 20px 40px #0000000d);border-radius:24px;padding:40px 32px}.processing-header{border-bottom:1px solid var(--vl-border,#e2e8f0);align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;display:flex}.status-icon-box{border-radius:18px;place-items:center;width:60px;min-width:60px;height:60px;display:grid}.status-icon-box.active{color:var(--vl-primary,#2563eb);background:#2563eb1a}.status-icon-box.error{color:#ef4444;background:#ef44441a}.spin-slow{animation:3s linear infinite spin}.spin-fast{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-header-text h2{color:var(--vl-text-primary,#0f172a);margin:4px 0;font-size:1.5rem;font-weight:600}.status-kicker{color:var(--vl-primary,#2563eb);letter-spacing:.05em;font-size:.75rem;font-weight:600}.status-filename{color:var(--vl-text-secondary,#64748b);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.processing-error-banner{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:14px;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.processing-error-banner p{color:#991b1b;margin-top:2px;font-size:.88rem}.btn-retry{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;margin-left:auto;padding:8px 16px;font-size:.85rem;font-weight:600}.pipeline-steps-list{flex-direction:column;gap:16px;display:flex}.pipeline-step-item{align-items:flex-start;gap:16px;display:flex;position:relative}.step-indicator{flex-direction:column;align-items:center;min-width:28px;display:flex}.step-circle{border-radius:50%;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:600;transition:all .3s;display:grid}.step-circle.pending{background:var(--vl-surface-subtle,#f1f5f9);color:var(--vl-text-muted,#94a3b8);border:1px solid var(--vl-border,#e2e8f0)}.step-circle.active{background:var(--vl-primary,#2563eb);color:#fff;box-shadow:0 0 12px #2563eb66}.step-circle.completed{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.step-connector{background:var(--vl-border,#e2e8f0);width:2px;height:24px;margin:4px 0;transition:background .3s}.step-connector.completed{background:#10b981}.step-content{flex:1}.step-title-row{align-items:center;gap:10px;display:flex}.step-title{color:var(--vl-text-primary,#0f172a);font-size:.95rem}.pipeline-step-item.pending .step-title{color:var(--vl-text-muted,#94a3b8)}.step-status-pill{color:var(--vl-primary,#2563eb);background:#2563eb14;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600}.step-status-pill.done{color:#10b981;background:#10b9811a}.step-desc{color:var(--vl-text-secondary,#64748b);margin-top:2px;font-size:.8rem;display:block}.processing-footer-note{border-top:1px solid var(--vl-border,#e2e8f0);color:var(--vl-text-muted,#64748b);align-items:center;gap:8px;margin-top:32px;padding-top:20px;font-size:.82rem;display:flex}.review-editor-wrapper{background:var(--vl-surface,#fff);border:1px solid var(--vl-border,#e2e8f0);max-width:980px;box-shadow:var(--vl-shadow-lg,0 20px 40px #0000000d);border-radius:24px;margin:24px auto 48px;overflow:hidden}.review-top-bar{border-bottom:1px solid var(--vl-border,#e2e8f0);background:linear-gradient(180deg, #fff, var(--vl-surface-subtle,#f8fafc));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex}.review-kicker{color:var(--vl-primary,#2563eb);letter-spacing:.05em;font-size:.75rem;font-weight:600}.review-top-info h2{color:var(--vl-text-primary,#0f172a);margin:4px 0;font-size:1.6rem;font-weight:600}.review-top-info p{color:var(--vl-text-secondary,#64748b);font-size:.9rem}.review-top-actions{align-items:center;gap:12px;display:flex}.review-tabs-bar{background:var(--vl-surface-subtle,#f8fafc);border-bottom:1px solid var(--vl-border,#e2e8f0);padding:0 16px;display:flex;overflow-x:auto}.review-tab-item{color:var(--vl-text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 20px;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-flex}.review-tab-item:hover{color:var(--vl-text-primary,#0f172a)}.review-tab-item.active{color:var(--vl-primary,#2563eb);border-bottom-color:var(--vl-primary,#2563eb);background:#fff;font-weight:600}.tab-count-badge{color:var(--vl-primary,#2563eb);background:#2563eb1a;border-radius:999px;padding:2px 6px;font-size:.72rem;font-weight:600}.review-panel-container{min-height:400px;padding:32px}.headline-source-box{background:#2563eb0a;border:1px solid #2563eb26;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;display:flex}.headline-source-left{color:var(--vl-text-secondary,#475569);align-items:center;gap:8px;font-size:.85rem;display:flex}.source-name{color:var(--vl-primary,#2563eb);background:#2563eb14;border-radius:6px;padding:2px 8px}.confidence-badge{color:#10b981;font-size:.8rem;font-weight:600}.source-note{color:var(--vl-text-muted,#94a3b8);font-size:.78rem}.form-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.form-grid-2col{grid-template-columns:1fr}}.form-field-group{flex-direction:column;gap:6px;display:flex}.form-field-group label{color:var(--vl-text-secondary,#475569);text-transform:uppercase;letter-spacing:.02em;font-size:.82rem;font-weight:600}.form-field-group input,.form-field-group textarea{background:var(--vl-surface,#fff);border:1px solid var(--vl-border,#cbd5e1);color:var(--vl-text-primary,#0f172a);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:all .2s}.form-field-group input:focus,.form-field-group textarea:focus{border-color:var(--vl-primary,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb1f}.skills-review-categories{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.skill-category-box{background:var(--vl-surface-subtle,#f8fafc);border:1px solid var(--vl-border,#e2e8f0);border-radius:16px;padding:18px}.skill-cat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skill-cat-header strong{color:var(--vl-text-primary,#0f172a);font-size:.9rem}.skill-count{color:var(--vl-text-muted,#94a3b8);font-size:.75rem}.skill-chips-row{flex-wrap:wrap;gap:6px;min-height:48px;margin-bottom:12px;display:flex}.skill-chip-tag{border:1px solid var(--vl-border,#cbd5e1);color:var(--vl-text-primary,#0f172a);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:500;display:inline-flex}.chip-remove-btn{color:var(--vl-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.chip-remove-btn:hover{color:#ef4444}.empty-skill-note{color:var(--vl-text-muted,#94a3b8);align-self:center;font-size:.78rem}.add-skill-inline-row{gap:8px;display:flex}.add-skill-inline-row input{border:1px solid var(--vl-border,#cbd5e1);border-radius:8px;flex:1;padding:6px 10px;font-size:.82rem}.btn-add-skill{background:var(--vl-surface,#fff);border:1px solid var(--vl-border,#cbd5e1);color:var(--vl-text-primary,#0f172a);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.btn-add-skill:hover{background:var(--vl-primary,#2563eb);color:#fff;border-color:var(--vl-primary,#2563eb)}.section-panel-header-with-action{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.btn-add-entity{color:var(--vl-primary,#2563eb);cursor:pointer;background:#2563eb14;border:1px solid #2563eb33;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-add-entity:hover{background:var(--vl-primary,#2563eb);color:#fff}.entity-cards-list{flex-direction:column;gap:16px;display:flex}.entity-card-item{background:var(--vl-surface-subtle,#f8fafc);border:1px solid var(--vl-border,#e2e8f0);border-radius:16px;padding:20px;position:relative}.entity-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.entity-card-badge{letter-spacing:.05em;color:var(--vl-text-muted,#94a3b8);background:#0f172a0d;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.btn-delete-entity{color:var(--vl-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.btn-delete-entity:hover{color:#ef4444;background:#ef444414}.empty-section-placeholder{text-align:center;background:var(--vl-surface-subtle,#f8fafc);border:1px dashed var(--vl-border,#cbd5e1);color:var(--vl-text-secondary,#64748b);border-radius:14px;padding:32px 20px;font-size:.88rem}.review-bottom-bar{border-top:1px solid var(--vl-border,#e2e8f0);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000008}.review-bottom-summary{color:var(--vl-text-secondary,#475569);align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:flex}.btn-primary-linear.glow{box-shadow:0 4px 14px #2563eb59}.btn-primary-linear.glow:hover{box-shadow:0 6px 20px #2563eb80}