:root{--p-bg:var(--bg);--p-panel:#14141473;--p-border:var(--bdr);--p-accent:var(--c1);--p-accent-2:var(--c4);--p-text:var(--t1);--p-text-sub:var(--t2);--p-font-head:"Orbitron", sans-serif;--p-font-body:"Rajdhani", sans-serif;--p-radius:var(--r3);--p-spacing:28px;--p-btn-radius:var(--r1);--p-shadow:var(--sh1)}.portfolio-builder-container{background:var(--bg);min-height:100vh;color:var(--t1);padding:60px 24px;font-family:Rajdhani,sans-serif}.builder-header{text-align:center;margin-bottom:50px;position:relative}.builder-title{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg, var(--c1) 0%, var(--c4) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #c113);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Orbitron,monospace;font-size:clamp(2rem,5vw,3.2rem);font-weight:900}.builder-subtitle{color:var(--t2);letter-spacing:.02em;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.builder-workspace{grid-template-columns:1.1fr .9fr;gap:36px;max-width:1280px;margin:0 auto;display:grid}@media (width<=1024px){.builder-workspace{grid-template-columns:1fr}}.builder-panel{border:1px solid var(--bdr);border-radius:var(--r3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--sh1);background:#14141473;flex-direction:column;gap:28px;padding:32px;display:flex}[data-theme=light] .builder-panel{background:#ffffffb3;box-shadow:0 10px 30px #0000000d}.builder-section-card{border-bottom:1px solid var(--bdr2);flex-direction:column;gap:16px;padding-bottom:24px;display:flex}.builder-section-card:last-child{border-bottom:none}.builder-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--t1);align-items:center;gap:10px;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{letter-spacing:.12em;text-transform:uppercase;color:var(--t2);font-family:Orbitron,monospace;font-size:.75rem}.form-group{position:relative}.form-label{z-index:3;margin-bottom:6px;display:block}.form-input::placeholder{opacity:.7}.form-input,.form-textarea{z-index:2;position:relative}.form-input,.form-textarea,.form-select{border:1px solid var(--bdr);border-radius:var(--r2);color:var(--t1);background:#0a0a0a99;outline:none;padding:12px 14px;font-family:Rajdhani,sans-serif;font-size:1rem;transition:all .25s}[data-theme=light] .form-input,[data-theme=light] .form-textarea,[data-theme=light] .form-select{background:#fafafacc}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--c1b);box-shadow:0 0 0 2px var(--c1g)}.switch-group{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.switch-label-container{flex-direction:column;gap:4px;display:flex}.switch-subtext{color:var(--t3);font-size:.85rem}.switch{width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--bdr);background-color:#3c3c3c80;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--t1);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--c1);box-shadow:0 0 10px var(--c1g)}input:checked+.slider:before{background-color:#fff;transform:translate(24px)}.theme-selector-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card{border-radius:var(--r2);border:1px solid var(--bdr);text-align:center;letter-spacing:.05em;text-transform:uppercase;color:var(--t2);background:#0f0f0f80;padding:14px;font-family:Orbitron,monospace;font-size:.75rem;font-weight:600;transition:all .25s}.theme-card:hover{border-color:var(--c1);color:var(--t1);background:#cc11110d}.theme-card.active{border-color:var(--c1);color:#fff;background:linear-gradient(135deg, var(--c1), var(--c2));box-shadow:0 0 16px var(--c1g)}.checklist-grid{border:1px solid var(--bdr2);border-radius:var(--r2);background:#0003;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:180px;padding:6px;display:grid;overflow-y:auto}.checklist-item{border-radius:var(--r1);border:1px solid var(--bdr2);color:var(--t2);background:#14141466;align-items:center;gap:8px;padding:8px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.checklist-item.active{border-color:var(--c1b);color:var(--t1);background:#cc11110d}.checklist-item input{accent-color:var(--c1)}.builder-actions{flex-direction:column;gap:12px;margin-top:10px;display:flex}.preview-container{flex-direction:column;gap:16px;display:flex;position:sticky;top:96px}.preview-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--c1b);background:#cc111114;border:1px solid #cc111140;border-radius:20px;align-self:center;align-items:center;gap:6px;padding:4px 10px;font-family:Space Mono,monospace;font-size:.65rem;display:inline-flex}.preview-frame{border-radius:var(--r3);border:1px solid var(--bdr);width:100%;box-shadow:var(--sh2);background:var(--bg);height:520px;position:relative;overflow:hidden}.theme-cyberpunk .portfolio-shell{--p-bg:#030303;--p-panel:#0a030fd9;--p-border:#3f007f;--p-accent:#0fc;--p-accent-2:#ff007f;--p-text:#0fc;--p-text-sub:#c080ff;--p-font-head:"Space Mono", monospace;--p-radius:0px;background:var(--p-bg);color:var(--p-text);font-family:var(--p-font-head);background-image:linear-gradient(#120a2480 1px,#0000 1px),linear-gradient(90deg,#120a2480 1px,#0000 1px);background-size:20px 20px}.theme-cyberpunk h1,.theme-cyberpunk h2,.theme-cyberpunk h3,.theme-cyberpunk h4{color:var(--p-accent-2);text-shadow:0 0 8px #ff007f99}.theme-glassmorphic .portfolio-shell{--p-bg:radial-gradient(circle at 10% 20%, #040519 0%, #140a2a 90.2%);--p-panel:#ffffff0a;--p-border:#ffffff1a;--p-accent:#e63946;--p-text:#f8f9fa;--p-text-sub:#b0b5c0;--p-radius:24px;background:var(--p-bg);color:var(--p-text);position:relative;overflow:hidden}.theme-minimalist-light .portfolio-shell{--p-bg:#fafafa;--p-panel:#fff;--p-border:#e0e0e0;--p-accent:#111;--p-text:#222;--p-text-sub:#666;--p-font-head:"Inter", sans-serif;--p-radius:8px;background:var(--p-bg);color:var(--p-text)}.theme-academic .portfolio-shell{--p-bg:#fdfcf8;--p-panel:#fff;--p-border:#2c3e50;--p-accent:#8e44ad;--p-text:#2c3e50;--p-text-sub:#7f8c8d;--p-font-head:"Playfair Display", serif;--p-font-body:"Lora", serif;--p-radius:4px;background:var(--p-bg);color:var(--p-text);line-height:1.8}.theme-startup .portfolio-shell{--p-bg:#fff;--p-panel:#f8fafc;--p-border:#e2e8f0;--p-accent:#3b82f6;--p-text:#0f172a;--p-text-sub:#64748b;--p-font-head:"Plus Jakarta Sans", sans-serif;--p-radius:16px;background:var(--p-bg);color:var(--p-text)}.theme-retro .portfolio-shell{--p-bg:#e2d7bf;--p-panel:#d3c6aa;--p-border:#5c6a72;--p-accent:#a69460;--p-text:#32302f;--p-text-sub:#5c6a72;--p-font-head:"VT323", monospace;--p-radius:0px;background:var(--p-bg);border:4px double var(--p-border)}.theme-brutalist .portfolio-shell{--p-bg:#f3f3f3;--p-panel:#fff;--p-border:#000;--p-accent:#ff0;--p-text:#000;--p-radius:0px;--p-shadow:8px 8px 0px #000;background:var(--p-bg)}.theme-brutalist .portfolio-panel{border:3px solid #000;box-shadow:6px 6px #000}.theme-creative .portfolio-shell{--p-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--p-panel:#ffffff1a;--p-border:#fff3;--p-accent:#ff0080;--p-text:#fff;--p-radius:40px;background:var(--p-bg);color:#fff}.theme-modern-dark .portfolio-shell{--p-bg:#0f172a;--p-panel:#1e293b;--p-border:#334155;--p-accent:#818cf8;--p-text:#f1f5f9;--p-text-sub:#94a3b8;--p-radius:12px;background:var(--p-bg)}.theme-elegant .portfolio-shell{--p-bg:#1a1a1a;--p-panel:#252525;--p-border:#c5a059;--p-accent:#c5a059;--p-text:#fff;--p-text-sub:#a0a0a0;--p-font-head:"Cinzel", serif;--p-radius:2px;background:var(--p-bg)}.portfolio-shell.custom-override{background:var(--p-bg)!important;color:var(--p-text)!important;font-family:var(--p-font-body)!important}.custom-override h1,.custom-override h2,.custom-override h3{font-family:var(--p-font-head)!important;color:var(--p-accent)!important}.custom-override .portfolio-panel{background:var(--p-panel)!important;border-color:var(--p-border)!important;border-radius:var(--p-radius)!important;padding:var(--p-spacing)!important;box-shadow:var(--p-shadow)!important}.custom-override .portfolio-pill{border-radius:var(--p-btn-radius)!important;background:var(--p-accent)!important}.portfolio-shell{transition:all .3s}.portfolio-panel{background:var(--p-panel);border:1px solid var(--p-border);border-radius:var(--p-radius);box-shadow:var(--p-shadow)}.portfolio-section-title{font-family:var(--p-font-head);color:var(--p-accent);border-bottom:1px solid var(--p-border)}.portfolio-pill{background:var(--p-panel);border:1px solid var(--p-border);color:var(--p-text);border-radius:var(--p-btn-radius)}.portfolio-name{font-family:var(--p-font-head)}.portfolio-avatar{border-color:var(--p-accent)}.customizer-tabs{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.color-picker-wrapper{align-items:center;gap:12px;display:flex}.color-input{cursor:pointer;width:60px;height:40px;padding:4px}.a11y-badge{border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.a11y-ok{color:#4ade80;background:#22c55e26}.a11y-fail{color:#f87171;background:#ef444426}.preview-mode-toggle{justify-content:center;gap:16px;margin-bottom:8px;display:flex}.preview-mobile{max-width:375px;margin:0 auto}.preview-frame.transition-all{transition:all .5s cubic-bezier(.4,0,.2,1)}.portfolio-presentation-container{min-height:100vh;padding:40px 16px}.portfolio-shell{border-radius:var(--r3);flex-direction:column;gap:36px;max-width:1000px;min-height:85vh;margin:0 auto;padding:40px;display:flex}@media (width<=768px){.portfolio-shell{padding:20px}}.portfolio-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}@media (width<=768px){.portfolio-intro{text-align:center;flex-direction:column}}.portfolio-avatar{border:4px solid var(--border-portfolio,var(--bdr));background:#0000001a;border-radius:50%;width:120px;height:120px;box-shadow:0 8px 24px #00000026}.portfolio-bio-col{flex:1}.portfolio-name{margin-bottom:8px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.portfolio-title{color:var(--text-sub-portfolio,var(--t2));margin-bottom:12px;font-size:1.25rem;font-weight:600}.portfolio-bio-text{color:var(--text-sub-portfolio,var(--t2));max-width:700px;font-size:1rem;line-height:1.6}.portfolio-socials{gap:16px;margin-top:16px;display:flex}@media (width<=768px){.portfolio-socials{justify-content:center}}.portfolio-social-btn{border:1px solid var(--border-portfolio,var(--bdr));width:38px;height:38px;color:var(--text-portfolio,var(--t1));border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.portfolio-social-btn:hover{background:#ffffff0d;transform:scale(1.1)}.portfolio-grid{grid-template-columns:1fr;gap:28px;display:grid}.portfolio-panel{padding:28px}.portfolio-section-title{border-bottom:1px solid var(--border-portfolio,var(--bdr2));align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700;display:flex}.portfolio-pills-list{flex-wrap:wrap;gap:10px;display:flex}.portfolio-pill{padding:8px 16px;font-size:.9rem;font-weight:600}.portfolio-roadmaps-list{flex-direction:column;gap:16px;display:flex}.portfolio-roadmap-card{border:1px solid var(--border-portfolio,var(--bdr2));background:#ffffff03;justify-content:space-between;align-items:center;padding:16px;display:flex}.roadmap-card-info{flex-direction:column;gap:4px;display:flex}.roadmap-card-title{font-size:1.1rem;font-weight:700}.roadmap-card-status{color:var(--text-sub-portfolio,var(--t3));font-size:.8rem}.portfolio-projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.portfolio-project-card{border:1px solid var(--border-portfolio,var(--bdr2));background:#ffffff03;border-radius:8px;flex-direction:column;transition:transform .25s;display:flex;overflow:hidden}.portfolio-project-card:hover{transform:translateY(-4px)}.project-card-thumbnail{object-fit:cover;width:100%;height:140px}.project-card-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.project-card-heading{margin:0;font-size:1.1rem;font-weight:700}.project-card-description{color:var(--text-sub-portfolio,var(--t2));flex:1;font-size:.85rem;line-height:1.5}.project-card-footer{border-top:1px solid var(--border-portfolio,var(--bdr2));justify-content:flex-end;gap:12px;padding:12px 16px;display:flex}.action-floating-header{justify-content:flex-end;align-items:center;gap:12px;max-width:1000px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:flex}@media print{body{color:#000!important;background:#fff!important;font-size:12pt!important}.portfolio-shell{box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;max-width:100%!important;padding:0!important}.action-floating-header,.portfolio-builder-container,nav,footer,#back-to-top,.ns-navbar,.ns-navbar-mobile{display:none!important}.portfolio-panel{box-shadow:none!important;page-break-inside:avoid!important;background:#fff!important;border:1px solid #ccc!important}.portfolio-pill{color:#000!important;background:#e0e0e0!important;border:1px solid #999!important}.portfolio-social-btn{border-color:#999!important}@page{size:A4 portrait;margin:1.5cm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#fff!important;font-family:Arial,sans-serif!important}.resume-section{page-break-inside:avoid;break-inside:avoid;margin-bottom:24px}.resume-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:16px}.no-print{display:none!important}a{color:#000!important;text-decoration:none!important}}