:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-logo{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-right:auto}.app-tabs{display:flex;gap:.25rem;background:#ffffff0a;border-radius:.5rem;padding:.2rem}.app-tab{padding:.4rem 1rem;border-radius:.375rem;border:none;background:transparent;color:#ffffff8c;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.app-tab.active{background:#6366f133;color:#c7d2fe}.app-export-btn{padding:.45rem 1rem;border-radius:.5rem;border:1px solid rgba(99,102,241,.4);background:#6366f11f;color:#a5b4fc;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.app-export-btn:hover{background:#6366f138}.app-main{flex:1;display:flex;justify-content:center}.app-editor-pane{width:100%;max-width:40rem;padding:1.5rem}.app-preview-pane{width:100%;max-width:56rem;padding:2rem 1.5rem}.portfolio-preview{max-width:48rem;margin:0 auto}.pf-header{text-align:center;padding:2rem 0}.pf-avatar{width:6rem;height:6rem;border-radius:50%;object-fit:cover;border:3px solid #6366f1;margin-bottom:.75rem}.pf-name{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.02em}.pf-title{color:#ffffff80;font-size:1rem;margin:.2rem 0 .75rem}.pf-bio{color:#fff9;font-size:.9rem;max-width:32rem;margin:0 auto}.pf-contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;font-size:.8rem;margin-bottom:2rem;color:#ffffff73}.pf-contact-item{display:flex;align-items:center;gap:.3rem;color:#ffffff73;text-decoration:none}.pf-contact-item a,a.pf-contact-item{color:#a5b4fc}.pf-icon{font-size:.9rem}.pf-section{margin-bottom:1.75rem}.pf-section-title{font-size:1rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.4rem;margin-bottom:1rem;letter-spacing:-.01em}.pf-skills{display:flex;flex-wrap:wrap;gap:.35rem}.pf-skill-chip{background:#6366f11f;border:1px solid rgba(99,102,241,.25);padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;color:#c7d2fe}.pf-edu-item{margin-bottom:.85rem}.pf-edu-header{display:flex;justify-content:space-between;flex-wrap:wrap}.pf-edu-school{font-weight:600;font-size:.9rem}.pf-edu-dates{color:#ffffff59;font-size:.8rem}.pf-edu-degree{color:#ffffff80;font-size:.85rem;margin:.15rem 0 0}.pf-edu-gpa{color:#ffffff59}.pf-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.85rem}.pf-project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.65rem;padding:1rem}.pf-project-title{font-size:.9rem;margin:0 0 .35rem}.pf-project-title a{color:#a5b4fc;text-decoration:none}.pf-project-title a:hover{text-decoration:underline}.pf-project-desc{color:#ffffff80;font-size:.8rem;margin:0 0 .5rem}.pf-project-tech{display:flex;flex-wrap:wrap;gap:.25rem}.pf-tech-tag{background:#6366f126;color:#c7d2fe;font-size:.65rem;padding:.1rem .45rem;border-radius:9999px}@media(max-width:640px){.app-topbar{padding:.6rem 1rem;flex-wrap:wrap;gap:.5rem}.app-export-btn{order:3;width:100%;text-align:center}.app-editor-pane,.app-preview-pane{padding:1rem}}