:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#0a0f16;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.home-page{color:#ffffffde;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:#242424;min-height:100vh}@media (prefers-color-scheme:dark){.home-page{--lightningcss-light: ;--lightningcss-dark:initial}}@font-face{font-family:MyFont;src:url(/jakarta.woff2)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Heading;src:url(/clash.woff2)format("truetype");font-weight:"bold";font-style:normal}.hero-grid{background:#fff;grid-template-columns:1fr 1fr;align-items:center;min-height:100vh;padding:0 6rem;display:grid;position:relative;overflow:hidden}.feature-grid{background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:60vh;padding:0 6rem;display:grid;overflow:hidden}@media (max-width:768px){.hero-grid,.feature-grid{text-align:center;grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}.hero-grid{padding-top:6rem}.hero-grid .hero-image,.feature-grid .feature-image{order:1}.hero-grid .hero-text,.feature-grid .feature-text{order:2}}.app-background{color:#fff;background:#0a0f16;min-height:100vh;position:relative}.app-background:after{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}.home-card-grid{background:linear-gradient(135deg,#1e2b5c,#27c4d6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:5rem 6rem;display:grid;position:relative;overflow:hidden}@media (max-width:768px){.home-card-grid{padding:3rem 1.5rem}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{width:0;height:0}.parallax-wrapper{background:#213547;padding:2rem 0;overflow:hidden}.parallax-wrapper *{font-family:Plaster,sans-serif}.parallax{letter-spacing:-2px;white-space:nowrap;line-height:.8;display:flex;overflow:hidden}.parallax .scroller{text-transform:uppercase;white-space:nowrap;color:#fff;font-size:clamp(2.5rem,6vw,5rem);font-weight:600;display:flex}.parallax span{margin-right:3rem;display:block}.login-bg{opacity:.18;pointer-events:none;z-index:0;background-image:url(/pattern.png);background-repeat:repeat;background-size:900px;animation:30s linear infinite rotate360;position:absolute;inset:0}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-card{box-sizing:border-box;-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff29;border-radius:16px;max-width:100%;padding:20px 24px;transition:transform .3s,border .3s;display:block;position:relative;box-shadow:inset 0 1px #ffffff1f,0 18px 45px #00000073}.glass-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#00dcff59,#fff0);transition:opacity .35s;position:absolute;inset:0}.glass-card:hover{border-color:#00dcff59;transform:translateY(-4px)}.glass-card:hover:before{opacity:1}.neo-neural-container{justify-content:center;padding:18px;display:flex}.neo-neural{filter:drop-shadow(0 0 24px #00f5ffb3)drop-shadow(0 0 50px #8b5cf699)drop-shadow(0 0 90px #ec489980);width:78px;height:78px;animation:4.8s ease-in-out infinite neuralFloat}@keyframes neuralFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.neo-neural-container:hover .neo-neural{filter:drop-shadow(0 0 40px #00f5ff)drop-shadow(0 0 80px #8b5cf6e6)drop-shadow(0 0 130px #ec4899d9)}.stats-card-wrapper{will-change:transform;display:block;position:relative}.stats-card-wrapper:hover{transform:translateY(-2px)}.stats-card-wrapper{cursor:grab}.stats-card-wrapper:active{cursor:grabbing}.stats-card-wrapper[data-dragging=true]{opacity:0!important;box-shadow:0 20px 60px #27c4d680!important}.stats-column{background:#f5f5f5;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.stats-column:hover{box-shadow:0 4px 16px #00000026}.stats-scrollable-container{scroll-behavior:smooth;scroll-behavior:smooth}.stats-scrollable-container::-webkit-scrollbar{height:8px}.stats-scrollable-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.stats-scrollable-container::-webkit-scrollbar-thumb{background:#27c4d666;border-radius:10px;transition:background .2s}.stats-scrollable-container::-webkit-scrollbar-thumb:hover{background:#27c4d699}.stats-scrollable-container{scrollbar-width:thin;scrollbar-color:#27c4d666 #ffffff0d}@supports (scroll-behavior:smooth){.stats-scrollable-container{scroll-behavior:smooth}}.resume-builder-shell{box-sizing:border-box;color:#f2f6fb;background:radial-gradient(circle at 0 0,#407bff2e,#0000 28%),radial-gradient(circle at 100% 100%,#3ed6b424,#0000 24%),#071019;min-height:100vh;padding:28px;overflow-x:hidden}.resume-builder-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.resume-builder-intro>div{flex:560px;min-width:0}.resume-eyebrow{color:#7fd3ff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.resume-builder-intro h1{margin:0;font-family:Heading,sans-serif;font-size:clamp(2rem,3vw,3rem);line-height:1}.resume-subcopy{color:#f2f6fbb8;max-width:780px;margin:10px 0 0;line-height:1.6}.resume-status-chip{color:#d9f4ff;white-space:nowrap;background:#7fd3ff1a;border:1px solid #7fd3ff59;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:600}.resume-builder-container{grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-areas:"form preview";align-items:start;gap:32px;min-width:0;display:grid}.resume-form-section,.resume-preview-section{min-width:0;min-height:0;position:relative}.resume-form-section{z-index:1;flex-direction:column;grid-area:form;gap:14px;display:flex}.resume-preview-section{z-index:0;grid-area:preview;position:sticky;top:20px}.resume-section-card{box-sizing:border-box;background:linear-gradient(#08111de6,#070d18eb);border:1px solid #8cacc42e;width:100%;max-width:100%;transition:border-color .2s,transform .2s;overflow:hidden;box-shadow:0 24px 45px #00000040}.resume-section-card:hover{border-color:#7fd3ff38;transform:translateY(-2px)}.resume-card-header-button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.resume-card-header{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.resume-card-title{flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.card-icon{color:#d7f3ff;letter-spacing:.08em;background:linear-gradient(#7fd3ff2e,#7fd3ff14);border:1px solid #7fd3ff2e;border-radius:12px;justify-content:center;align-items:center;min-width:42px;height:42px;font-size:11px;font-weight:700;display:inline-flex}.resume-card-title-copy h3{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700}.resume-card-title-copy p{color:#f2f6fb9e;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.section-count{color:#d9f4ff;background:#7fd3ff1f;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.expand-arrow{color:#f2f6fbb8;font-size:18px;transition:transform .2s}.expand-arrow.rotated{transform:rotate(90deg)}.resume-card-content{flex-direction:column;gap:14px;margin-top:18px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#f2f6fbd6;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;display:flex}.url-field-error{color:#ff6e6ef2;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:11px;font-weight:500;overflow:hidden}.form-group input,.form-group select,.form-group textarea{color:#f2f6fb;box-sizing:border-box;background:#ffffff08;border:1px solid #8da5b82e;border-radius:12px;width:100%;padding:11px 12px;font-family:MyFont,sans-serif;font-size:13px;transition:border-color .2s,background .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#f2f6fb57}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#7fd3ff70;outline:none}.form-group select option{color:#08111d}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.resume-textarea{resize:vertical;min-height:108px}.inline-note{color:#f2f6fba8;background:#7fd3ff0f;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5}.section-items{flex-direction:column;gap:8px;display:flex}.item-preview,.skill-item{background:#ffffff06;border:1px solid #8da5b824;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.item-header{min-width:0}.item-header h4,.category-title{margin:0}.item-header h4{color:#f2f6fb;font-size:13px;font-weight:700}.company-info{color:#f2f6fb94;margin-top:4px;font-size:12px;display:block}.item-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn-small,.btn-save,.btn-cancel,.btn-add-section,.btn-add-bullet,.download-btn,.btn-remove-bullet{cursor:pointer;border:0;font-family:inherit}.btn-small{border-radius:10px;padding:7px 10px;font-size:12px;font-weight:600}.btn-edit{color:#d7f3ff;background:#7fd3ff1f}.btn-delete{color:#ffd5dd;background:#ff7a8f24}.form-container{background:#ffffff07;border:1px solid #8da5b81f;border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.checkbox-row{color:#f2f6fbc2;align-items:center;gap:10px;font-size:13px;display:inline-flex}.checkbox-row input{width:16px;height:16px}.bullet-input-group{align-items:center;gap:8px;display:flex}.bullet-input-group input{flex:1}.btn-remove-bullet{color:#ffd5dd;background:#ff7a8f24;border-radius:10px;min-width:34px;height:34px}.btn-add-bullet,.btn-add-section{color:#d7f3ff;background:#7fd3ff1a;border-radius:12px;width:100%;padding:11px 14px;font-size:13px;font-weight:700}.resume-card-actions{justify-content:flex-end;gap:10px;display:flex}.btn-save,.btn-cancel,.download-btn{border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700}.btn-save,.download-btn{color:#041019;background:linear-gradient(135deg,#66b6ff,#2ed6b5)}.btn-cancel{color:#f2f6fbdb;background:#ffffff0f}.skill-category{background:#ffffff08;border-radius:14px;padding:12px}.category-title{color:#d7f3ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.skill-info{align-items:center;gap:10px;display:flex}.skill-name{color:#f2f6fb;font-size:13px}.skill-level{color:#d7f3ff;background:#7fd3ff1a;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.link-item{background:#ffffff06;border:1px solid #8da5b81f;border-radius:14px;align-items:flex-start;gap:8px;padding:12px;display:flex}.link-item .form-row{flex:1}.range-field input[type=range]{padding:0}.visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.visibility-toggle{color:#f2f6fbc7;background:#ffffff05;border:1px solid #8da5b824;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.resume-preview-wrapper{flex-direction:column;gap:16px;min-width:0;display:flex}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.preview-header>div:first-child{flex:90px;min-width:0}.preview-header h2{margin:0;font-size:20px}.preview-header p{color:#f2f6fb9e;margin:6px 0 0;font-size:13px}.preview-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.preview-ok,.preview-warning{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.preview-ok{color:#cbfff3;background:#2ed6b51f}.preview-warning{color:#ffe7bc;background:#ffb4542e}.resume-preview-pages{flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex}.resume-measure-stage{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-99999px}.resume-page{box-sizing:border-box;background:#050b1266;border-radius:24px;width:min(100%,860px);max-width:860px;margin:0 auto;padding:22px}.resume-page-number{color:#f2f6fb70;text-align:right;margin:0 0 10px;font-size:12px}.resume-page-content{width:100%;min-height:calc(1123px - var(--resume-page-padding-top) - var(--resume-page-padding-bottom));padding:var(--resume-page-padding-top)var(--resume-page-padding-x)var(--resume-page-padding-bottom);color:#121a24;box-sizing:border-box;font-family:MyFont,Times New Roman,serif;font-size:var(--resume-font-size);line-height:var(--resume-line-height);overflow-wrap:anywhere;background:#fff;border-radius:18px;box-shadow:0 18px 36px #0000002e}.resume-block{margin-bottom:var(--resume-section-spacing);break-inside:avoid}.resume-block:last-child{margin-bottom:0}.resume-block--header{text-align:center}.resume-header-name{font-size:calc(var(--resume-font-size)*1.85);letter-spacing:.03em;text-transform:uppercase;font-weight:700}.resume-header-headline{font-size:calc(var(--resume-font-size)*1.02);margin-top:4px}.resume-header-contact{font-size:calc(var(--resume-font-size)*.95);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.resume-header-contact a,.resume-entry-link{color:inherit;text-decoration:none}.resume-header-contact a:hover,.resume-entry-link:hover{text-decoration:underline}.resume-contact-separator{color:#121a2494}.resume-section-heading{margin-bottom:calc(var(--resume-item-spacing)*1px);font-size:calc(var(--resume-font-size)*1.06);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #121a24b8;font-weight:700}.resume-section-heading span{padding-bottom:2px;display:inline-block}.resume-summary-copy,.resume-skill-row{margin:0}.resume-entry{gap:calc(var(--resume-item-spacing)*1px);flex-direction:column;display:flex}.resume-entry-row{justify-content:space-between;align-items:baseline;gap:14px;min-width:0;display:flex}.resume-entry-row--muted{color:#121a24d6}.resume-entry-row em{font-style:italic}.resume-bullet-list{margin:0;padding-left:18px}.resume-bullet-list li{margin-bottom:var(--resume-bullet-spacing)}.resume-bullet-list li:last-child{margin-bottom:0}.resume-loading-state,.resume-error-state{color:#f2f6fb;text-align:center;place-items:center;min-height:60vh;padding:32px;display:grid}.resume-error-state h2,.resume-error-state p{margin:0}.resume-error-state p{color:#f2f6fbad;margin-top:8px}@media (max-width:1440px){.resume-builder-shell{padding:24px}.resume-builder-container{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:24px}.resume-page{padding:18px}}@media (max-width:1240px){.resume-builder-container{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""form";gap:24px}.resume-preview-section{position:static}.resume-preview-pages{align-items:stretch}.resume-page{width:100%;max-width:100%}}@media (max-width:900px){.resume-builder-shell{padding:78px 18px 18px}.resume-builder-intro{gap:12px;margin-bottom:20px}.resume-builder-intro>div{flex-basis:100%}.resume-builder-intro h1{font-size:clamp(1.9rem,7vw,2.5rem);line-height:1.05}.resume-subcopy{font-size:14px;line-height:1.55}.resume-status-chip{align-self:flex-start}.resume-card-header,.resume-card-title,.item-preview,.skill-item,.link-item{align-items:flex-start}.item-preview,.skill-item,.link-item,.resume-card-actions{flex-direction:column}.item-actions,.resume-card-actions{justify-content:flex-start;width:100%}.btn-small,.btn-save,.btn-cancel,.download-btn{width:100%}.resume-page{border-radius:18px;padding:14px}.resume-page-content{border-radius:14px}}@media (max-width:768px){.resume-builder-shell{padding-top:78px}.resume-builder-intro,.preview-header,.resume-entry-row{flex-direction:column}.form-row,.visibility-grid{grid-template-columns:1fr}.preview-toolbar{flex-wrap:wrap;justify-content:flex-start;width:100%}.resume-page{background:0 0;padding:0}.resume-page-number{text-align:left}}@media (max-width:640px){.resume-builder-shell{padding-inline:14px}.resume-section-card{border-radius:14px}.resume-card-content{margin-top:14px}.resume-header-contact{flex-direction:column;gap:3px}.resume-contact-separator{display:none}.preview-ok,.preview-warning{text-align:center;width:100%}.resume-page-content{padding:min(var(--resume-page-padding-top),.45in)min(var(--resume-page-padding-x),.35in)min(var(--resume-page-padding-bottom),.45in)}}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{white-space:nowrap;height:100vh;display:inline-block}[data-scroll-direction=horizontal] [data-scroll-section]{vertical-align:top;white-space:nowrap;height:100%;display:inline-block}.c-scrollbar{transform-origin:100%;opacity:0;width:11px;height:100%;transition:transform .3s,opacity .3s;position:absolute;top:0;right:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{opacity:.5;width:7px;cursor:-webkit-grab;cursor:grab;background-color:#000;border-radius:10px;margin:2px;position:absolute;top:0;right:0}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}