@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 80px;min-height:88vh;position:relative;z-index:1}.hero h1{font-family:var(--font-display);font-size:clamp(40px,7vw,80px);font-weight:800;line-height:1.05;margin:20px 0 18px;max-width:860px}.hero p{font-size:17px;color:var(--text-muted);max-width:500px;line-height:1.7;margin-bottom:36px}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.feat-card{background:#ffffff06;border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .25s,background .25s}.feat-card:hover{border-color:var(--cyan-border);background:#00e5ff06}.feat-icon{font-size:22px;margin-bottom:14px}.feat-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:8px}.feat-card p{font-size:13px;color:var(--text-muted);line-height:1.6}.how-section{position:relative;z-index:1}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.step-card{background:#ffffff06;border:1px solid var(--border);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;transition:border-color .25s}.step-card:hover{border-color:var(--cyan-border)}.step-num{font-family:var(--font-display);font-size:48px;font-weight:800;color:#00e5ff12;position:absolute;top:12px;right:16px;line-height:1}.step-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:8px;color:var(--cyan)}.step-card p{font-size:13px;color:var(--text-muted);line-height:1.6}.cta-section{padding:60px 24px;position:relative;z-index:1}.cta-box{max-width:640px;margin:0 auto;background:#ffffff06;border:1px solid var(--cyan-border);border-radius:24px;padding:56px 40px;text-align:center}.cta-box h2{font-family:var(--font-display);font-size:32px;font-weight:800;margin-bottom:12px}.cta-box p{color:var(--text-muted);font-size:15px;margin-bottom:28px;line-height:1.6}@media (max-width: 768px){.hero{padding:80px 20px 60px}.hero h1{font-size:38px}.cta-box{padding:40px 24px}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;position:relative;z-index:1}.auth-card{background:#0a0a0a;border:1px solid var(--border-hover);border-radius:24px;padding:44px 40px;width:100%;max-width:420px;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--cyan);margin-bottom:28px;display:block}.auth-logo span{color:var(--text)}.auth-card h2{font-family:var(--font-display);font-size:26px;font-weight:800;margin-bottom:6px}.auth-card .auth-sub{color:var(--text-muted);font-size:14px;margin-bottom:28px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#111;border:none;padding:13px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:opacity .2s,transform .2s}.google-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-divider span{color:var(--text-dim);font-size:12px;white-space:nowrap}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px;font-weight:500}.input-group input{width:100%;background:#ffffff08;border:1px solid var(--border-hover);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s,background .2s}.input-group input:focus{border-color:var(--cyan);background:#00e5ff06}.input-group input::placeholder{color:var(--text-dim)}.auth-submit{width:100%;background:var(--cyan);color:#000;border:none;padding:13px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;transition:opacity .2s,transform .2s;font-family:var(--font-body)}.auth-submit:hover{opacity:.85;transform:translateY(-1px)}.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text-dim)}.auth-footer a{color:var(--cyan);cursor:pointer;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width: 480px){.auth-card{padding:32px 24px}}.pricing-section{position:relative;z-index:1}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:0;background:#ffffff08;border:1px solid var(--border);border-radius:999px;padding:4px;width:fit-content;margin:0 auto 48px}.pricing-toggle button{padding:9px 28px;border-radius:999px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.pricing-toggle button.active{background:var(--cyan);color:#000;font-weight:700}.save-pill{background:#22c55e;color:#fff;font-size:10px;padding:2px 7px;border-radius:999px;font-weight:700;margin-left:6px;vertical-align:middle}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:760px;margin:0 auto 48px}.price-card{background:#0a0a0a;border:1px solid var(--border);border-radius:24px;padding:36px 32px;position:relative;transition:transform .2s,border-color .2s}.price-card:hover{transform:translateY(-4px)}.price-card.featured{border-color:var(--cyan);background:linear-gradient(135deg,#00e5ff06,#0a0a0a);box-shadow:0 0 40px #00e5ff14}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--cyan);color:#000;font-size:12px;font-weight:700;padding:4px 18px;border-radius:999px;white-space:nowrap}.price-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.price-card h3{font-family:var(--font-display);font-size:24px;font-weight:800}.price-plan-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.5px}.free-badge{background:#ffffff10;color:#888;border:1px solid #ffffff15}.pro-badge{background:#00e5ff15;color:var(--cyan);border:1px solid var(--cyan-border)}.price-desc{color:var(--text-muted);font-size:14px;margin-bottom:20px}.price-amount{font-family:var(--font-display);font-size:52px;font-weight:800;color:var(--cyan);margin-bottom:4px;line-height:1}.price-amount span{font-size:18px;color:var(--text-muted);font-weight:400;font-family:var(--font-body)}.price-note{font-size:13px;color:var(--text-dim);margin-bottom:24px}.price-features{list-style:none;margin-bottom:28px;padding:0}.price-features li{font-size:13px;color:#aaa;padding:8px 0;border-bottom:1px solid #ffffff08;display:flex;align-items:center;gap:8px}.price-features li.highlight{color:#fff;font-weight:600}.price-features li.dim{color:#444;text-decoration:line-through}.price-features li:last-child{border-bottom:none}.new-badge{background:#7c3aed30;color:#a78bfa;border:1px solid #7c3aed60;font-size:9px;padding:2px 6px;border-radius:999px;font-weight:700;margin-left:auto;flex-shrink:0}.price-btn{width:100%;padding:14px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text);transition:all .2s;font-family:var(--font-body)}.price-btn:hover{background:var(--bg-hover);border-color:#fff}.price-btn.primary{background:var(--cyan);color:#000;border:none;box-shadow:0 4px 20px #00e5ff4d}.price-btn.primary:hover{opacity:.85;transform:translateY(-2px)}.pricing-footer-note{text-align:center;color:var(--text-dim);font-size:13px;margin-bottom:60px}.pricing-compare{max-width:760px;margin:0 auto 60px}.pricing-compare h3{font-family:var(--font-display);font-size:24px;font-weight:800;text-align:center;margin-bottom:24px}.compare-table{background:#0a0a0a;border:1px solid var(--border);border-radius:16px;overflow:hidden}.compare-header{display:grid;grid-template-columns:1fr 100px 100px;padding:14px 20px;background:#111;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:#888;letter-spacing:1px;text-transform:uppercase}.compare-header div:nth-child(2),.compare-header div:nth-child(3){text-align:center}.compare-row{display:grid;grid-template-columns:1fr 100px 100px;padding:12px 20px;border-bottom:1px solid #ffffff06;font-size:13px;color:#888;align-items:center;transition:background .15s}.compare-row:hover{background:#ffffff04}.compare-row:last-child{border-bottom:none}.compare-row div:nth-child(2),.compare-row div:nth-child(3){text-align:center}.check{color:#888;font-weight:700;font-size:16px}.check.cyan{color:var(--cyan)}.cross{color:#333;font-size:14px}.val{font-size:12px;font-weight:600;color:#888}.val.cyan{color:var(--cyan)}.pricing-faq{max-width:640px;margin:0 auto 40px}.pricing-faq h3{font-family:var(--font-display);font-size:24px;font-weight:800;text-align:center;margin-bottom:24px}.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:var(--cyan-border)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;text-align:left;font-family:var(--font-body);transition:background .15s}.faq-q:hover{background:#ffffff06}.faq-icon{width:24px;height:24px;border-radius:50%;background:var(--cyan-dim);border:1px solid var(--cyan-border);color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.faq-a{padding:0 20px 16px;color:#888;font-size:13px;line-height:1.7;margin:0}@media (max-width: 640px){.price-card{padding:28px 20px}.compare-header,.compare-row{grid-template-columns:1fr 80px 80px;padding:12px 14px}}.demo-root{min-height:100vh;background:#000;position:relative;color:#e8e4dc}.demo-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff10}.demo-nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;cursor:pointer}.demo-nav-dot{width:10px;height:10px;background:#00e5ff;border-radius:2px}.demo-nav-actions{display:flex;gap:10px;align-items:center}.demo-nav-signin{background:transparent;color:#888;border:1px solid #ffffff20;padding:8px 20px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .2s}.demo-nav-signin:hover{color:#fff;border-color:#fff}.demo-nav-cta{background:#00e5ff;color:#000;border:none;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:opacity .2s}.demo-nav-cta:hover{opacity:.85}.demo-hero{text-align:center;padding:140px 24px 48px;position:relative;z-index:1}.demo-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#22c55e15;border:1px solid #22c55e40;color:#22c55e;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:500;margin-bottom:20px}.demo-badge-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 1.5s infinite}.demo-hero h1{font-family:var(--font-display);font-size:clamp(28px,5vw,52px);font-weight:900;margin-bottom:14px;color:#fff}.demo-cyan{color:#00e5ff}.demo-hero p{color:#666;font-size:16px}.demo-picker{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 24px 40px;position:relative;z-index:1}.demo-layout-btn{display:flex;align-items:center;gap:10px;background:#0a0a0a;border:1px solid #ffffff15;border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s;font-family:var(--font-body);min-width:160px}.demo-layout-btn:hover{border-color:#00e5ff40;transform:translateY(-2px)}.demo-layout-btn.active{border-color:#00e5ff;background:#00e5ff08;box-shadow:0 0 0 1px #00e5ff20}.demo-layout-icon{font-size:20px;flex-shrink:0}.demo-layout-info{display:flex;flex-direction:column;gap:2px;flex:1;text-align:left}.demo-layout-name{font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.demo-pro-tag{background:linear-gradient(135deg,#f59e0b,#f97316);color:#000;font-size:8px;font-weight:800;padding:1px 5px;border-radius:999px;letter-spacing:.5px}.demo-layout-desc{font-size:11px;color:#555}.demo-check{width:20px;height:20px;border-radius:50%;background:#00e5ff;color:#000;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.demo-preview-area{max-width:900px;margin:0 auto;padding:0 24px 60px;position:relative;z-index:1}.demo-preview-card{display:none}.demo-preview-card.active{display:block}.demo-browser{border-radius:16px;overflow:hidden;border:1px solid #ffffff15;box-shadow:0 24px 80px #0009;margin-bottom:0}.demo-browser-bar{background:#1a1a1a;padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff10}.demo-browser-dots{display:flex;gap:5px}.demo-browser-dots span{width:10px;height:10px;border-radius:50%}.demo-browser-dots span:nth-child(1){background:#ff5f57}.demo-browser-dots span:nth-child(2){background:#febc2e}.demo-browser-dots span:nth-child(3){background:#28c840}.demo-browser-url{flex:1;background:#111;border:1px solid #ffffff10;border-radius:6px;padding:4px 12px;font-size:11px;color:#555;font-family:var(--font-body)}.demo-browser-body{height:500px;overflow:hidden;background:var(--bg);transition:background .3s}.demo-card-cta{display:flex;align-items:center;justify-content:space-between;background:#0a0a0a;border:1px solid #ffffff12;border-top:none;border-radius:0 0 16px 16px;padding:16px 20px;gap:16px}.demo-card-cta-info h3{font-family:var(--font-display);font-size:15px;font-weight:700;color:#fff;margin-bottom:3px}.demo-card-cta-info p{font-size:12px;color:#666}.demo-try-btn{background:#00e5ff;color:#000;border:none;padding:12px 24px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:opacity .2s,transform .2s}.demo-try-btn:hover{opacity:.85;transform:translateY(-1px)}.demo-bottom-cta{text-align:center;padding:60px 24px 80px;border-top:1px solid #1a1a1a;position:relative;z-index:1}.demo-bottom-cta h2{font-family:var(--font-display);font-size:36px;font-weight:800;color:#fff;margin-bottom:12px}.demo-bottom-cta p{color:#666;font-size:15px;margin-bottom:28px}.demo-bottom-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.demo-nav{padding:14px 20px}.demo-nav-logo span:last-child{display:none}.demo-picker{gap:8px}.demo-layout-btn{min-width:140px}.demo-browser-body{height:400px}.demo-card-cta{flex-direction:column;text-align:center}}.demo-themes{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 24px 32px;flex-wrap:wrap;position:relative;z-index:1}.demo-themes-label{font-size:12px;color:#555;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-right:4px}.demo-theme-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;position:relative}.demo-theme-btn:hover{transform:scale(1.2)}.demo-theme-btn.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.15)}.demo-theme-btn:after{content:attr(data-name);position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:8px;color:#555;white-space:nowrap;opacity:0;transition:opacity .2s;font-family:sans-serif}.demo-theme-btn:hover:after{opacity:1}.classic-photo-overlay:hover{opacity:1!important}.classic-photo-wrap:hover .classic-photo-overlay{opacity:1}.pf-root{display:flex;min-height:100vh;background:var(--bg);position:relative}.pf-sidebar{width:280px;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:50;overflow-y:auto;border-right:1px solid #ffffff10;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pf-sidebar-inner{padding:32px 20px 24px;display:flex;flex-direction:column;gap:24px;min-height:100%}@media (max-width: 500px){.pchat-bubble{bottom:90px}}.pf-profile-block{text-align:center}.pf-avatar-ring{width:80px;height:80px;border-radius:50%;border:2px solid var(--cyan-border);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--cyan-dim)}.pf-avatar{font-size:32px;font-weight:800;color:var(--cyan);font-family:var(--font-display)}.pf-profile-name{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:4px}.pf-profile-role{color:var(--cyan);font-size:12px;margin-bottom:10px;line-height:1.4}.pf-avail{display:inline-flex;align-items:center;gap:6px;background:var(--cyan-dim);border:1px solid var(--cyan-border);color:var(--cyan);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500}.pf-avail-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulse 1.5s infinite}.pf-nav{display:flex;flex-direction:column;gap:2px}.pf-nav-item{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:#888;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s;position:relative;font-family:var(--font-body)}.pf-nav-item:hover{background:#ffffff08;color:#fff}.pf-nav-item.active{background:var(--cyan-dim);color:var(--cyan)}.pf-nav-icon{font-size:14px;width:18px}.pf-nav-bar{position:absolute;right:0;top:20%;height:60%;width:3px;background:var(--cyan);border-radius:2px}.pf-contact-links{display:flex;flex-direction:column;gap:6px;border-top:1px solid #ffffff10;padding-top:16px}.pf-contact-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#666;text-decoration:none;transition:color .2s;line-height:1.4}.pf-contact-row span{word-break:break-all}.pf-contact-row:hover{color:var(--cyan)}.pf-social-link{color:#888}.pf-upload-btn{width:100%;background:var(--cyan);color:#000;border:none;padding:11px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:opacity .2s;margin-top:auto}.pf-upload-btn:hover{opacity:.85}.pf-main{margin-left:280px;flex:1;position:relative;z-index:1}.pf-section{min-height:100vh;padding:80px 60px;scroll-margin-top:0;border-bottom:1px solid #ffffff08}.pf-hero{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;min-height:80vh}.pf-avail-hero{margin-bottom:20px}.pf-hero-name{font-family:var(--font-display);font-size:clamp(36px,5vw,68px);font-weight:800;line-height:1;letter-spacing:-2px;margin-bottom:12px}.pf-hero-role{color:#aaa;font-size:18px;margin-bottom:20px;line-height:1.5}.pf-hero-bio{color:#888;font-size:14px;line-height:1.8;margin-bottom:16px;max-width:520px}.pf-hero-loc{color:#555;font-size:13px;margin-bottom:24px}.pf-hero-btns{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pf-btn-cyan{background:var(--cyan);color:#000;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;font-family:var(--font-body)}.pf-btn-cyan:hover{opacity:.85;transform:translateY(-1px)}.pf-btn-dark{background:transparent;color:#fff;border:1px solid #ffffff25;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:border-color .2s}.pf-btn-dark:hover{border-color:#fff}.pf-hero-socials{display:flex;gap:10px}.pf-social-pill{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff20;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:border-color .2s,background .2s}.pf-social-pill:hover{border-color:var(--cyan);background:var(--cyan-dim)}.pf-photo-frame{width:280px;height:340px;position:relative;flex-shrink:0}.pf-photo-placeholder{width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,var(--cyan-dim),transparent);border:1px solid var(--cyan-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:80px;font-weight:800;color:var(--cyan-border)}.pf-corner{position:absolute;width:24px;height:24px;border-color:var(--cyan);border-style:solid}.pf-corner-tl{top:-8px;left:-8px;border-width:2px 0 0 2px;border-radius:4px 0 0}.pf-corner-br{bottom:-8px;right:-8px;border-width:0 2px 2px 0;border-radius:0 0 4px}.pf-section-header{text-align:center;margin-bottom:48px}.pf-section-label{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:3px;display:block;margin-bottom:8px}.pf-section-title{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:12px}.pf-section-sub{color:#888;font-size:15px}.pf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .25s}.pf-card:hover{border-color:var(--cyan-border)}.pf-card-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:12px}.pf-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pf-skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .25s,transform .2s}.pf-skill-card:hover{border-color:var(--cyan-border);transform:translateY(-2px)}.pf-skill-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pf-skill-emoji{font-size:20px}.pf-skill-card-head h4{font-family:var(--font-display);font-size:15px;font-weight:700}.pf-tags{display:flex;flex-wrap:wrap;gap:6px}.pf-tag{background:#ff006615;border:1px solid #ff006640;color:#f68;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500}.pf-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.pf-project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .25s,transform .2s;display:flex;flex-direction:column}.pf-project-card:hover{border-color:var(--cyan-border);transform:translateY(-3px)}.pf-project-name{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:8px}.pf-project-desc{color:#888;font-size:13px;line-height:1.7;margin-bottom:12px;flex:1}.pf-project-btns{display:flex;gap:10px;margin-top:auto}.pf-proj-btn{flex:1;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;border:none;transition:opacity .2s,transform .2s;display:block}.pf-proj-btn:hover{opacity:.85;transform:translateY(-1px)}.pf-proj-btn-dark{background:#ffffff10;color:#fff;border:1px solid #ffffff20}.pf-proj-btn-cyan{background:var(--cyan);color:#000}.pf-timeline{display:flex;flex-direction:column;gap:0;position:relative}.pf-timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--cyan),var(--cyan-border))}.pf-timeline-item{display:flex;gap:24px;padding-bottom:32px;position:relative}.pf-timeline-dot{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--bg);border:2px solid var(--cyan);margin-top:4px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.pf-current-badge{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:var(--cyan);color:#000;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.pf-timeline-card{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .25s}.pf-timeline-card:hover{border-color:var(--cyan-border)}.pf-timeline-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.pf-exp-role{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:4px}.pf-exp-company{color:var(--cyan);font-size:13px}.pf-exp-meta{text-align:right;flex-shrink:0}.pf-duration{color:#666;font-size:12px;display:block}.pf-exp-head-row{display:flex;justify-content:space-between;align-items:flex-start}.pf-exp-points{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0}.pf-exp-points li{font-size:13px;color:#888;padding-left:16px;position:relative;line-height:1.7}.pf-exp-points li:before{content:"▸";position:absolute;left:0;color:var(--cyan)}.pf-achieve-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.pf-achieve-list li{font-size:14px;color:#888;padding-left:24px;position:relative;line-height:1.6}.pf-achieve-list li:before{content:"🏆";position:absolute;left:0;font-size:13px}.pf-edu-list{display:flex;flex-direction:column;gap:16px}.pf-contact-box{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:36px;max-width:700px;margin:0 auto}.pf-contact-top{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ffffff10}.pf-contact-avatar{width:52px;height:52px;border-radius:50%;background:var(--cyan-dim);border:2px solid var(--cyan-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--cyan)}.pf-contact-form{display:flex;flex-direction:column;gap:16px}.pf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pf-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.pf-form-group label{font-size:13px;color:#888;font-weight:500}.pf-form-group input,.pf-form-group select,.pf-form-group textarea{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s;font-family:var(--font-body);width:100%}.pf-form-group input:focus,.pf-form-group select:focus,.pf-form-group textarea:focus{border-color:var(--cyan);background:var(--cyan-dim)}.pf-form-group select option{background:#111;color:#fff}.pf-form-group textarea{resize:vertical;min-height:120px}.pf-char-count{font-size:11px;color:#555;text-align:right}.pf-send-btn{background:var(--cyan);color:#000;border:none;padding:14px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:opacity .2s,transform .2s}.pf-send-btn:hover{opacity:.85;transform:translateY(-1px)}.pf-contact-success{text-align:center;padding:40px 20px}.pf-contact-success h3{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:8px}.pf-contact-success p{color:#888;font-size:14px}.pf-contact-direct{text-align:center;margin-top:20px;font-size:13px;color:#555}.pf-contact-direct a{color:var(--cyan)}@media (max-width: 900px){.pf-sidebar{display:none}.pf-main{margin-left:0}.pf-section{padding:60px 24px}.pf-hero{grid-template-columns:1fr}.pf-photo-frame{display:none}.pf-form-row,.pf-projects-grid{grid-template-columns:1fr}}.pf-photo-change-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .25s;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pf-photo-frame:hover .pf-photo-change-overlay{opacity:1}.pf-avatar-ring:hover .pf-avatar-edit-overlay{opacity:1!important}.ml-root{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;position:relative}.ml-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);opacity:.97}.ml-nav-brand{display:flex;align-items:center;gap:8px}.ml-nav-accent{width:12px;height:12px;background:var(--cyan);border-radius:2px;flex-shrink:0}.ml-nav-name{font-family:Playfair Display,serif;font-weight:700;font-size:16px;color:var(--text)}.ml-nav-slash{color:var(--text-dim);font-size:14px}.ml-nav-role{color:var(--text-muted);font-size:13px;letter-spacing:1px;text-transform:uppercase}.ml-nav-links{display:flex;gap:4px}.ml-nav-link{background:none;border:none;color:var(--text-muted);font-size:13px;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:all .2s}.ml-nav-link:hover{color:var(--text);background:var(--bg-hover)}.ml-nav-link.active{color:var(--cyan)}.ml-hero{display:grid;grid-template-columns:340px 1fr;min-height:90vh;position:relative;z-index:1}.ml-hero-left{background:var(--bg-card);border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:60px 40px}.ml-profile-card{text-align:center;cursor:pointer;position:relative}.ml-profile-card:hover .ml-profile-edit-hint{opacity:1}.ml-profile-edit-hint{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-dim);white-space:nowrap;opacity:0;transition:opacity .2s}.ml-profile-photo{width:140px;height:140px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:3px solid var(--border);background:var(--bg-hover);display:flex;align-items:center;justify-content:center}.ml-profile-photo img{width:100%;height:100%;object-fit:cover}.ml-profile-initials{font-family:Playfair Display,serif;font-size:48px;font-weight:900;color:var(--cyan)}.ml-profile-name{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px}.ml-profile-divider{width:40px;height:2px;background:var(--cyan);margin:10px auto}.ml-profile-title{color:var(--text-muted);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.ml-profile-socials{display:flex;gap:10px;justify-content:center}.ml-social-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:all .2s;cursor:pointer}.ml-social-btn:hover{border-color:var(--cyan);background:var(--cyan-dim)}.ml-hero-right{padding:80px 60px;display:flex;flex-direction:column;justify-content:center}.ml-avail-badge{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-dim);border:1px solid var(--cyan-border);color:var(--cyan);padding:5px 14px;border-radius:999px;font-size:12px;font-weight:500;margin-bottom:24px;width:fit-content}.ml-avail-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse 1.5s infinite}.ml-hello{font-family:Playfair Display,serif;font-size:clamp(56px,8vw,100px);font-weight:900;color:var(--text);line-height:1;margin-bottom:8px;letter-spacing:-2px}.ml-tagline{color:var(--text-muted);font-size:16px;margin-bottom:28px;font-style:italic}.ml-hero-btns{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.ml-btn-primary{background:var(--cyan);color:#000;border:none;padding:12px 28px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif;text-decoration:none;display:inline-block;transition:opacity .2s,transform .2s}.ml-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.ml-btn-outline{background:transparent;color:var(--text);border:1px solid var(--border);padding:12px 28px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif;transition:all .2s}.ml-btn-outline:hover{border-color:var(--text)}.ml-bio{color:var(--text-muted);font-size:15px;line-height:1.8;max-width:560px;margin-bottom:12px}.ml-location{color:var(--text-dim);font-size:13px;margin-bottom:32px}.ml-stats{display:flex;align-items:center;gap:24px}.ml-stat{text-align:center}.ml-stat-num{display:block;font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:var(--cyan)}.ml-stat-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.ml-stat-divider{width:1px;height:40px;background:var(--border)}.ml-section{position:relative;z-index:1;padding:80px 0;border-top:1px solid var(--border)}.ml-beige-section{background:var(--bg-card)}.ml-section-inner{max-width:1100px;margin:0 auto;padding:0 60px}.ml-section-head{margin-bottom:48px}.ml-section-head-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px}.ml-section-accent{width:32px;height:3px;background:var(--cyan);border-radius:2px;margin-bottom:12px}.ml-section-head h2,.ml-section-head-row h2{font-family:Playfair Display,serif;font-size:36px;font-weight:700;color:var(--text);margin-bottom:6px}.ml-section-head p,.ml-section-head-row p{color:var(--text-dim);font-size:14px;font-style:italic}.ml-achievements-section{padding:60px 0}.ml-achieve-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.ml-achieve-card{display:flex;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s}.ml-achieve-card:hover{border-color:var(--cyan-border)}.ml-achieve-icon{font-size:20px;flex-shrink:0}.ml-achieve-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.ml-cert-link{color:var(--cyan);font-size:12px;font-weight:600;text-decoration:none;display:inline-block;margin-top:6px}.ml-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.ml-skill-group{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.ml-skill-group:hover{border-color:var(--cyan-border)}.ml-skill-cat{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.ml-skill-tags{display:flex;flex-wrap:wrap;gap:6px}.ml-skill-tag{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:6px;font-size:12px;transition:all .2s}.ml-skill-tag:hover{border-color:var(--cyan-border);color:var(--text)}.ml-projects-list{display:flex;flex-direction:column;gap:0}.ml-project-card{display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid var(--border);transition:background .2s}.ml-project-card:hover{background:var(--bg-card);border-radius:12px;padding:28px 16px}.ml-project-num{font-family:Playfair Display,serif;font-size:32px;font-weight:900;color:var(--border);line-height:1;padding-top:4px}.ml-project-body h3{font-family:Playfair Display,serif;font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.ml-project-body p{color:var(--text-muted);font-size:13px;line-height:1.7;margin-bottom:12px}.ml-project-tags{display:flex;flex-wrap:wrap;gap:6px}.ml-tech-tag{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-dim);padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.5px}.ml-project-links{display:flex;flex-direction:column;gap:8px;padding-top:4px}.ml-proj-link{padding:8px 16px;border-radius:8px;border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:600;text-decoration:none;text-align:center;transition:all .2s;white-space:nowrap}.ml-proj-link:hover{border-color:var(--text);color:var(--text)}.ml-proj-link-primary{background:var(--cyan);color:#000;border-color:var(--cyan)}.ml-proj-link-primary:hover{opacity:.85;color:#000}.ml-download-cv{display:inline-block;background:var(--cyan);color:#000;border:none;padding:10px 24px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;margin-bottom:36px;transition:opacity .2s}.ml-download-cv:hover{opacity:.85}.ml-exp-list{display:flex;flex-direction:column;gap:20px}.ml-exp-card{display:grid;grid-template-columns:220px 1fr;gap:32px;background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:28px;transition:border-color .25s}.ml-exp-card:hover{border-color:var(--cyan-border)}.ml-exp-date{display:block;color:var(--cyan);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.ml-exp-role{font-family:Playfair Display,serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:4px}.ml-exp-company{color:var(--text-dim);font-size:13px}.ml-exp-points{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.ml-exp-points li{font-size:13px;color:var(--text-muted);padding-left:16px;position:relative;line-height:1.7}.ml-exp-points li:before{content:"—";position:absolute;left:0;color:var(--cyan)}.ml-edu-list{display:flex;flex-direction:column;gap:16px}.ml-edu-card{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:start;padding:20px;background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:border-color .2s}.ml-edu-card:hover{border-color:var(--cyan-border)}.ml-edu-year{font-family:Playfair Display,serif;font-size:14px;font-weight:700;color:var(--cyan)}.ml-edu-right h4{font-family:Playfair Display,serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.ml-edu-right p{color:var(--text-muted);font-size:13px}.ml-contact-layout{display:grid;grid-template-columns:260px 1fr;gap:48px}.ml-contact-info h3{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:20px}.ml-contact-item{display:block;color:var(--text-muted);font-size:13px;text-decoration:none;margin-bottom:10px;transition:color .2s;line-height:1.5}.ml-contact-item:hover{color:var(--cyan)}.ml-contact-form{display:flex;flex-direction:column;gap:14px}.ml-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ml-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.ml-form-group label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.ml-form-group input,.ml-form-group select,.ml-form-group textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:11px 14px;color:var(--text);font-size:14px;outline:none;font-family:DM Sans,sans-serif;transition:border-color .2s}.ml-form-group input:focus,.ml-form-group select:focus,.ml-form-group textarea:focus{border-color:var(--cyan)}.ml-form-group select option{background:var(--bg-card)}.ml-form-group textarea{resize:vertical;min-height:120px}.ml-char-count{font-size:11px;color:var(--text-dim);text-align:right}.ml-submit-btn{background:var(--cyan);color:#000;border:none;padding:13px 28px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif;align-self:flex-start;transition:opacity .2s,transform .2s}.ml-submit-btn:hover{opacity:.85;transform:translateY(-1px)}.ml-contact-success{text-align:center;padding:40px}.ml-contact-success h3{font-family:Playfair Display,serif;font-size:22px;color:var(--text);margin-bottom:8px}.ml-contact-success p{color:var(--text-muted)}.ml-footer{padding:24px 60px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-dim);position:relative;z-index:1}@media (max-width: 900px){.ml-nav{padding:14px 20px}.ml-nav-links{display:none}.ml-hero{grid-template-columns:1fr;min-height:auto}.ml-hero-left{padding:40px 20px;border-right:none;border-bottom:1px solid var(--border)}.ml-hero-right{padding:40px 20px}.ml-section-inner{padding:0 20px}.ml-exp-card,.ml-contact-layout,.ml-form-row{grid-template-columns:1fr}.ml-project-card{grid-template-columns:40px 1fr}.ml-project-links{flex-direction:row;grid-column:2}.ml-footer{padding:20px}}.pchat-bubble{position:fixed;bottom:100px;right:28px;left:auto;z-index:1000;display:flex;align-items:center;gap:8px;background:var(--cyan, #00e5ff);color:#000;border:none;padding:12px 18px;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font-display, sans-serif);box-shadow:0 4px 24px #00e5ff66;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pchat-bubble:hover{transform:scale(1.05);opacity:.9}.pchat-bubble.open{background:#333;color:#fff;box-shadow:0 4px 16px #0000004d;padding:12px 14px;border-radius:50%}.pchat-bubble-label{letter-spacing:.3px}.pchat-window{position:fixed;bottom:170px;right:28px;left:auto;z-index:1000;width:340px;max-height:500px;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 64px #0009;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom right}.pchat-window.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.pchat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#111,#0a0a0a);border-bottom:1px solid rgba(255,255,255,.08)}.pchat-header-left{display:flex;align-items:center;gap:10px}.pchat-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--cyan-dim, #00e5ff20);border:2px solid var(--cyan-border, #00e5ff40);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:var(--cyan, #00e5ff);flex-shrink:0}.pchat-avatar img{width:100%;height:100%;object-fit:cover}.pchat-header-name{font-size:13px;font-weight:700;color:#fff;font-family:var(--font-display, sans-serif)}.pchat-header-status{display:flex;align-items:center;gap:4px;font-size:11px;color:#555}.pchat-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pchat-pulse 2s infinite}@keyframes pchat-pulse{0%,to{opacity:1}50%{opacity:.4}}.pchat-close{background:none;border:none;color:#555;cursor:pointer;font-size:14px;padding:4px;transition:color .2s}.pchat-close:hover{color:#fff}.pchat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#1a1a1a transparent;min-height:0}.pchat-messages::-webkit-scrollbar{width:4px}.pchat-messages::-webkit-scrollbar-track{background:transparent}.pchat-messages::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:2px}.pchat-msg{display:flex;gap:8px;align-items:flex-end}.pchat-msg.user{flex-direction:row-reverse}.pchat-msg-avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;background:var(--cyan-dim, #00e5ff15);border:1px solid var(--cyan-border, #00e5ff30);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;color:var(--cyan, #00e5ff);flex-shrink:0}.pchat-msg-avatar img{width:100%;height:100%;object-fit:cover}.pchat-msg-bubble{max-width:240px;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.5;word-break:break-word}.pchat-msg.assistant .pchat-msg-bubble{background:#141414;border:1px solid rgba(255,255,255,.08);color:#ccc;border-radius:4px 14px 14px}.pchat-msg.user .pchat-msg-bubble{background:var(--cyan, #00e5ff);color:#000;font-weight:500;border-radius:14px 4px 14px 14px}.pchat-typing{display:flex;gap:4px;align-items:center;padding:12px 16px;min-width:56px}.pchat-typing span{width:6px;height:6px;border-radius:50%;background:#555;display:block;animation:pchat-typing 1.2s infinite}.pchat-typing span:nth-child(2){animation-delay:.2s}.pchat-typing span:nth-child(3){animation-delay:.4s}@keyframes pchat-typing{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.3);opacity:1}}.pchat-quick{padding:4px 12px 8px;display:flex;flex-direction:column;gap:5px}.pchat-quick-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#888;padding:7px 12px;border-radius:8px;font-size:12px;cursor:pointer;text-align:left;font-family:var(--font-body, sans-serif);transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pchat-quick-btn:hover{border-color:var(--cyan-border, #00e5ff40);color:var(--cyan, #00e5ff);background:var(--cyan-dim, #00e5ff08)}.pchat-input-area{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);background:#080808}.pchat-input{flex:1;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px;color:#fff;font-size:13px;font-family:var(--font-body, sans-serif);outline:none;transition:border-color .2s}.pchat-input:focus{border-color:var(--cyan-border, #00e5ff40)}.pchat-input::placeholder{color:#444}.pchat-input:disabled{opacity:.5}.pchat-send{width:36px;height:36px;background:var(--cyan, #00e5ff);color:#000;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .2s,transform .2s}.pchat-send:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.pchat-send:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 480px){.pchat-window{right:12px;left:12px;width:auto;bottom:160px}.pchat-bubble{bottom:90px;right:16px;left:auto}}.dashboard-wrapper{position:relative;z-index:1;max-width:700px;margin:0 auto;padding:60px 24px}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-family:var(--font-display);font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.1;margin:16px 0 14px}.dashboard-header p{color:var(--text-muted);font-size:16px;line-height:1.6}.upload-card{background:#0a0a0a;border:1px solid var(--border-hover);border-radius:24px;padding:32px;margin-bottom:28px}.drop-zone{border:2px dashed #ffffff20;border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .25s;margin-bottom:20px;background:#ffffff04}.drop-zone:hover{border-color:var(--cyan-border);background:var(--cyan-dim)}.drop-zone.dragging{border-color:var(--cyan);background:#00e5ff12;transform:scale(1.01)}.drop-zone.has-file{border-style:solid;border-color:var(--cyan-border);background:var(--cyan-dim);cursor:default;padding:20px 24px}.drop-content{display:flex;flex-direction:column;align-items:center;gap:8px}.drop-icon{width:64px;height:64px;background:#ffffff08;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:8px}.drop-title{font-size:16px;font-weight:600;color:var(--text)}.drop-sub{font-size:14px;color:var(--text-muted)}.drop-sub span{color:var(--cyan);text-decoration:underline}.drop-formats{font-size:12px;color:var(--text-dim);margin-top:4px}.file-preview{display:flex;align-items:center;gap:14px}.file-icon{font-size:28px;flex-shrink:0}.file-info{flex:1;text-align:left}.file-name{display:block;font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px;word-break:break-all}.file-size{font-size:12px;color:var(--cyan)}.remove-btn{background:#ffffff10;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:12px;flex-shrink:0;transition:background .2s,color .2s}.remove-btn:hover{background:#ff444420;color:#f44}.upload-error{background:#ff444410;border:1px solid #ff444430;color:#f66;padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:16px}.progress-wrapper{margin-bottom:16px}.progress-bar{width:100%;height:4px;background:#ffffff10;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--cyan);border-radius:4px;transition:width .4s ease}.progress-label{font-size:13px;color:var(--text-muted);text-align:center}.generate-btn{width:100%;background:var(--cyan);color:#000;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .2s;font-family:var(--font-display);letter-spacing:.3px;margin-bottom:12px}.generate-btn:hover:not(.disabled){opacity:.88;transform:translateY(-1px)}.generate-btn.disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid #00000030;border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}.upload-footer{text-align:center;font-size:12px;color:var(--text-dim)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tip-card{background:#ffffff05;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start;font-size:13px}.tip-card span{font-size:18px;flex-shrink:0}.tip-card strong{display:block;color:var(--text);font-size:13px;margin-bottom:3px}.tip-card p{color:var(--text-muted);font-size:12px;line-height:1.5;margin:0}@media (max-width: 480px){.upload-card{padding:20px}.drop-zone{padding:36px 16px}}.saved-wrapper{min-height:100vh;background:#000;position:relative}.saved-content{max-width:1000px;margin:0 auto;padding:100px 24px 60px;position:relative;z-index:1}.saved-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap;gap:16px}.saved-header h1{font-family:var(--font-display);font-size:32px;font-weight:800;color:#fff;margin-bottom:4px}.saved-header p{color:#555;font-size:14px}.saved-new-btn{background:#00e5ff;color:#000;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:opacity .2s;white-space:nowrap}.saved-new-btn:hover{opacity:.85}.saved-loading{display:flex;align-items:center;gap:12px;color:#555;font-size:14px;justify-content:center;padding:60px}.saved-spinner{width:18px;height:18px;border:2px solid #ffffff15;border-top-color:#00e5ff;border-radius:50%;animation:spin .7s linear infinite}.saved-empty{text-align:center;padding:80px 20px}.saved-empty h3{font-family:var(--font-display);font-size:22px;color:#fff;margin-bottom:8px}.saved-empty p{color:#555;font-size:14px}.saved-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px}.saved-pf-card{background:#0a0a0a;border:1px solid #ffffff12;border-radius:20px;overflow:hidden;transition:border-color .2s,transform .2s}.saved-pf-card:hover{border-color:#ffffff25;transform:translateY(-2px)}.saved-pf-photo{position:relative;height:200px;background:#111;overflow:hidden}.saved-pf-photo img{width:100%;height:100%;object-fit:cover}.saved-pf-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:72px;font-weight:900;color:#00e5ff20;background:linear-gradient(135deg,#0a0a0a,#111)}.saved-pf-layout-badge{position:absolute;top:12px;right:12px;background:#000000b3;border:1px solid #ffffff20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#aaa;padding:4px 10px;border-radius:999px;font-size:11px}.saved-pf-views-badge{position:absolute;top:12px;left:12px;background:#00e5ff26;border:1px solid rgba(0,229,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#00e5ff;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.saved-pf-info{padding:18px 20px}.saved-pf-info h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.saved-pf-title{color:#00e5ff;font-size:13px;margin-bottom:6px}.saved-pf-date{color:#444;font-size:12px;margin-bottom:14px}.saved-pf-actions{display:flex;gap:8px;margin-bottom:10px}.saved-pf-btn-view{flex:1;background:#00e5ff;color:#000;border:none;padding:10px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:opacity .2s}.saved-pf-btn-view:hover{opacity:.85}.saved-pf-btn-delete{background:transparent;color:#555;border:1px solid #ffffff10;padding:10px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.saved-pf-btn-delete:hover{border-color:#ff444450;color:#f66;background:#ff444410}.saved-pf-btn-analytics{width:100%;background:#ffffff06;border:1px solid #ffffff10;color:#888;padding:8px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .2s}.saved-pf-btn-analytics:hover{border-color:#00e5ff30;color:#00e5ff}.saved-analytics-panel{border-top:1px solid #ffffff10;padding:16px 20px;background:#050505}.saved-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.saved-analytics-header h4{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff}.saved-analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.saved-analytics-stat{background:#111;border:1px solid #ffffff10;border-radius:8px;padding:10px;text-align:center}.saved-analytics-num{display:block;font-family:var(--font-display);font-size:22px;font-weight:800;color:#00e5ff;margin-bottom:2px}.saved-analytics-label{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:.5px}.saved-chart-title{font-size:11px;color:#555;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:600}.saved-chart{display:flex;gap:4px;align-items:flex-end;height:80px;padding-bottom:16px;position:relative}.saved-chart:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:1px;background:#ffffff08}.saved-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.saved-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.saved-chart-bar{width:100%;background:linear-gradient(to top,#00e5ff,#00e5ff60);border-radius:3px 3px 0 0;min-height:2px}.saved-chart-label{font-size:9px;color:#444}.saved-country-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.saved-country-name{font-size:11px;color:#888;width:100px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-country-bar-wrap{flex:1;height:5px;background:#111;border-radius:999px;overflow:hidden}.saved-country-bar{height:100%;background:#00e5ff;border-radius:999px}.saved-country-count{font-size:11px;color:#555;width:20px;text-align:right;flex-shrink:0}.saved-pro-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f59e0b10,#f9731610);border:1px solid #f59e0b30;border-radius:16px;padding:20px 24px;flex-wrap:wrap}.saved-pro-banner-left{display:flex;align-items:center;gap:16px}.saved-pro-banner-left h4{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.saved-pro-banner-left p{color:#888;font-size:13px}.saved-pro-btn{background:linear-gradient(135deg,#f59e0b,#f97316);color:#000;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:800;cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:opacity .2s}.saved-pro-btn:hover{opacity:.85}@media (max-width:600px){.saved-cards-grid{grid-template-columns:1fr}.saved-pro-banner{flex-direction:column}}.cl-root{position:relative;min-height:100vh;background:#000}.cl-wrapper{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:60px 24px}.cl-header{text-align:center;margin-bottom:56px}.cl-header-badge{display:inline-flex;align-items:center;gap:8px;background:#22c55e15;border:1px solid #22c55e40;color:#22c55e;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:500;margin-bottom:20px}.cl-badge-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 1.5s infinite}.cl-header h1{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:800;margin-bottom:12px}.cl-header p{color:#888;font-size:16px}.cl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.cl-card{background:#0a0a0a;border:2px solid #ffffff12;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .25s}.cl-card:hover{border-color:#00e5ff40;transform:translateY(-4px)}.cl-card.selected{border-color:#00e5ff;box-shadow:0 0 0 1px #00e5ff30,0 8px 32px #00e5ff26}.cl-card-preview{height:220px;background:#050505;border-bottom:1px solid #ffffff08;position:relative;overflow:hidden}.cl-selected-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00e5ff14;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#00e5ff;letter-spacing:1px;border:2px solid #00e5ff30}.cl-card-info{padding:18px 20px}.cl-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cl-card-icon{font-size:18px}.cl-card-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;flex:1}.cl-selected-badge{background:#00e5ff;color:#000;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.cl-card-info p{color:#666;font-size:13px;line-height:1.5}.cl-preview{width:100%;height:100%;padding:12px;display:flex;flex-direction:column}.cl-preview-sidebar{flex-direction:row;gap:8px}.cl-prev-sidebar{width:52px;background:#111;border-radius:6px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;border:1px solid #ffffff10}.cl-prev-avatar{width:28px;height:28px;border-radius:50%;background:#00e5ff20;border:1px solid #00e5ff40;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#00e5ff;overflow:hidden}.cl-prev-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.cl-prev-name{font-size:5px;color:#ccc;text-align:center;font-weight:700}.cl-prev-links{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:4px}.cl-prev-link{height:3px;border-radius:2px;background:#ffffff15}.cl-prev-link.active{background:#00e5ff}.cl-prev-main{flex:1;display:flex;gap:8px;align-items:center}.cl-prev-hero-text{flex:1;display:flex;flex-direction:column;gap:4px}.cl-prev-badge{width:40px;height:6px;border-radius:999px;background:#00e5ff20;border:1px solid #00e5ff40;margin-bottom:2px}.cl-prev-h1{font-size:9px;font-weight:800;color:#fff;letter-spacing:-.3px}.cl-prev-sub{font-size:6px;color:#00e5ff}.cl-prev-lines{display:flex;flex-direction:column;gap:3px;margin:2px 0}.cl-prev-lines div{height:3px;background:#ffffff15;border-radius:2px}.cl-prev-lines div:nth-child(1){width:90%}.cl-prev-lines div:nth-child(2){width:75%}.cl-prev-lines div:nth-child(3){width:60%}.cl-prev-btns{display:flex;gap:4px}.cl-prev-btn-primary{height:8px;width:36px;background:#00e5ff;border-radius:4px}.cl-prev-btn-secondary{height:8px;width:28px;background:#ffffff15;border-radius:4px;border:1px solid #ffffff20}.cl-prev-photo-box{width:52px;height:64px;border-radius:8px;background:#00e5ff08;border:1px solid #00e5ff20;overflow:hidden;flex-shrink:0}.cl-prev-photo-box img{width:100%;height:100%;object-fit:cover}.cl-prev-photo-placeholder{width:100%;height:100%;background:#00e5ff08;border:1px solid #00e5ff20;border-radius:8px}.cl-preview-classic{padding:12px;gap:8px}.cl-classic-hero{display:flex;gap:8px;align-items:center;flex:1}.cl-classic-left{flex:1;display:flex;flex-direction:column;gap:4px}.cl-classic-name{font-size:10px;font-weight:800;color:#fff;letter-spacing:-.5px}.cl-classic-photo{width:60px;height:72px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#00e5ff08;border:1px solid #00e5ff20}.cl-classic-photo img{width:100%;height:100%;object-fit:cover}.cl-classic-stats{display:flex;gap:6px}.cl-classic-stats div{flex:1;height:20px;border-radius:6px;background:#ffffff08;border:1px solid #ffffff10}.cl-preview-panel{padding:10px}.cl-panel-bento{display:grid;grid-template-columns:1fr 80px;grid-template-rows:auto auto auto;gap:6px;height:100%}.cl-panel-name-cell{background:#111;border:1px solid #ffffff10;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:3px}.cl-panel-name{font-size:9px;font-weight:800;color:#fff}.cl-panel-photo-cell{grid-row:span 2;background:#00e5ff08;border:1px solid #00e5ff20;border-radius:8px;overflow:hidden}.cl-panel-photo-cell img{width:100%;height:100%;object-fit:cover}.cl-panel-status-cell{background:#111;border:1px solid #ffffff10;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.cl-panel-summary-cell{background:#111;border:1px solid #00e5ff20;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:3px}.cl-panel-contact-cell{background:#111;border:1px solid #ffffff10;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.cl-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.cl-back-btn{background:transparent;border:1px solid #ffffff20;color:#888;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:all .2s}.cl-back-btn:hover{border-color:#fff;color:#fff}.cl-action-right{display:flex;align-items:center;gap:16px}.cl-action-note{color:#666;font-size:13px}.cl-save-btn{background:#00e5ff;color:#000;border:none;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:var(--font-display);transition:opacity .2s,transform .2s;display:flex;align-items:center;gap:10px}.cl-save-btn:hover:not(:disabled){opacity:.85;transform:translateY(-2px)}.cl-save-btn:disabled{opacity:.5;cursor:not-allowed}.cl-spinner{width:16px;height:16px;border:2px solid #00000030;border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.cl-cards{grid-template-columns:1fr}.cl-actions{flex-direction:column;align-items:stretch}.cl-action-right{flex-direction:column}.cl-save-btn{width:100%;justify-content:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--cyan: #00e5ff;--cyan-dim: #00e5ff22;--cyan-border: #00e5ff40;--bg: #000000;--bg-card: #0a0a0a;--bg-hover: #111111;--border: #ffffff12;--border-hover: #ffffff25;--text: #ffffff;--text-muted: #888888;--text-dim: #555555;--purple: #7c3aed;--green: #22c55e;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .3s ease}body:before{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,var(--cyan) 0%,transparent 60%);opacity:.12;top:var(--y, 50%);left:var(--x, 50%);transform:translate(-50%,-50%);filter:blur(100px);z-index:0;pointer-events:none;transition:top .1s,left .1s}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font-body)}input,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--cyan-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-logo{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--cyan);letter-spacing:-.5px}.nav-logo span{color:var(--text)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--cyan)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;border:none;transition:all .2s ease;cursor:pointer}.btn-cyan{background:var(--cyan);color:#000}.btn-cyan:hover{opacity:.85;transform:translateY(-2px) scale(1.05)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-hover)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);transform:scale(1.05)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{opacity:.9;transform:translateY(-2px) scale(1.05)}.btn-lg{padding:14px 30px;font-size:15px;border-radius:12px}.page-wrapper{position:relative;z-index:1;min-height:100vh}.footer{border-top:1px solid var(--border);padding:28px 48px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.footer-left{color:var(--text-dim);font-size:13px}.footer-left a{color:var(--cyan)}.footer-right{display:flex;gap:24px}.footer-right a{color:var(--text-dim);font-size:13px;transition:color .2s}.footer-right a:hover{color:var(--cyan)}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-dim);border:1px solid var(--cyan-border);color:var(--cyan);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:500}.badge-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.section{padding:80px 48px;max-width:1200px;margin:0 auto}.section-title{text-align:center;margin-bottom:56px}.section-title h2{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:800;margin-bottom:12px;line-height:1.1}.section-title p{color:var(--text-muted);font-size:16px;max-width:500px;margin:0 auto}.cyan{color:var(--cyan)}.cursor-dot{position:fixed;width:6px;height:6px;background:var(--cyan);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--cyan),0 0 20px var(--cyan)}.cursor-ring{position:fixed;width:42px;height:42px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);border:1.5px solid var(--cyan);box-shadow:0 0 15px var(--cyan),inset 0 0 10px var(--cyan)}@media (max-width: 768px){.nav{padding:16px 20px}.nav-links{display:none}.section{padding:60px 20px}.footer{padding:24px 20px;flex-direction:column;gap:16px;text-align:center}}select option{background:#0a0a0a;color:#fff}.theme-dark{--cyan: #00e5ff;--cyan-dim: #00e5ff18;--cyan-border: #00e5ff35;--bg: #000000;--bg-card: #0a0a0a;--bg-hover: #111111;--border: #ffffff10;--border-hover: #ffffff22;--text: #ffffff;--text-muted: #777777;--text-dim: #444444}.theme-glass{--cyan: #ffffff;--cyan-dim: rgba(255,255,255,.08);--cyan-border: rgba(255,255,255,.2);--bg: #1a6fdb;--bg-card: rgba(255,255,255,.15);--bg-hover: rgba(255,255,255,.22);--border: rgba(255,255,255,.25);--border-hover: rgba(255,255,255,.4);--text: #ffffff;--text-muted: rgba(255,255,255,.75);--text-dim: rgba(255,255,255,.45)}.theme-glass body{background:linear-gradient(145deg,#1a6fdb,#2563eb 20%,#0ea5e9,#6366f1 70%,#1d4ed8);background-size:300% 300%;animation:glassShift 10s ease-in-out infinite alternate;min-height:100vh}@keyframes glassShift{0%{background-position:0% 0%}50%{background-position:100% 50%}to{background-position:0% 100%}}.theme-glass body:after{display:none}.theme-glass body:before{background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 65%);opacity:1;filter:blur(60px)}.theme-glass .nav{background:#ffffff1f;backdrop-filter:blur(40px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.1);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 1px #ffffff4d inset,0 8px 32px #0000001f}.theme-glass .nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.6) 70%,transparent)}.theme-glass .pf-card,.theme-glass .pf-skill-card,.theme-glass .pf-project-card,.theme-glass .pf-timeline-card,.theme-glass .pf-contact-box,.theme-glass .upload-card,.theme-glass .saved-card,.theme-glass .tip-card{background:#ffffff1a;backdrop-filter:blur(30px) saturate(160%) brightness(1.08);-webkit-backdrop-filter:blur(30px) saturate(160%) brightness(1.08);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 32px #00000026,0 1px #fff6 inset,0 -1px #00000014 inset;position:relative;overflow:hidden}.theme-glass .pf-card:before,.theme-glass .pf-skill-card:before,.theme-glass .pf-project-card:before,.theme-glass .pf-timeline-card:before,.theme-glass .pf-contact-box:before,.theme-glass .saved-card:before,.theme-glass .upload-card:before,.theme-glass .tip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7) 40%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.7) 60%,transparent);z-index:1}.theme-glass .pf-card:after,.theme-glass .pf-skill-card:after,.theme-glass .pf-project-card:after,.theme-glass .saved-card:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 55%,transparent);transform:skew(-15deg);animation:glassSweep 7s ease-in-out infinite;pointer-events:none}@keyframes glassSweep{0%{left:-75%;opacity:0}5%{opacity:1}50%{left:130%;opacity:1}51%{opacity:0}to{left:130%;opacity:0}}.theme-glass .pf-sidebar{background:#ffffff1a;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-right:1px solid rgba(255,255,255,.18);box-shadow:4px 0 24px #0000001a}.theme-glass .pf-nav-item.active{background:#ffffff2e;box-shadow:inset 0 1px #fff6,0 4px 12px #0000001a}.theme-glass .badge{background:#ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 0 20px #ffffff1a}.theme-glass .btn-cyan,.theme-glass .pf-btn-cyan,.theme-glass .pf-upload-btn,.theme-glass .pf-send-btn,.theme-glass .generate-btn{background:#ffffff38;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 16px #0000001f,inset 0 1px #ffffff80,inset 0 -1px #00000014}.theme-glass .btn-cyan:hover,.theme-glass .generate-btn:hover{background:#ffffff4d;transform:translateY(-2px) scale(1.03)}.theme-glass .drop-zone{background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px dashed rgba(255,255,255,.3)}.theme-glass .drop-zone:hover{background:#ffffff24;border-color:#ffffff80}.theme-glass ::-webkit-scrollbar-thumb{background:#ffffff40}.theme-glass ::-webkit-scrollbar-thumb:hover{background:#ffffff73}.theme-glass .nav-links a{color:#fffc}.theme-glass .nav-links a:hover{color:#fff}.theme-glass .cyan{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.4)}.theme-glass .cursor-dot{background:#fff;box-shadow:0 0 10px #fffc,0 0 20px #fff6}.theme-glass .cursor-ring{border-color:#fff9;box-shadow:0 0 15px #ffffff4d}.theme-glass body{background:linear-gradient(145deg,#0f4fc4,#1a6fdb,#0ea5e9,#1d4ed8 75%,#0f4fc4 75%);background-size:300% 300%;animation:glassShift 10s ease-in-out infinite alternate}.theme-glass body:after{display:block!important;content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 60% 10%,rgba(255,255,255,.15) 0%,transparent 40%);pointer-events:none;z-index:0}.theme-glass{--text: #0a1628;--text-muted: #1e3a5f;--text-dim: #2d5a8e}.theme-glass .pf-card,.theme-glass .pf-skill-card,.theme-glass .pf-project-card,.theme-glass .pf-timeline-card,.theme-glass .pf-contact-box,.theme-glass .upload-card,.theme-glass .saved-card,.theme-glass .tip-card{background:#ffffff4d;backdrop-filter:blur(30px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000026,0 1px #ffffffb3 inset;color:#0a1628}.theme-glass .pf-project-card h3,.theme-glass .pf-project-card p,.theme-glass .pf-card h3,.theme-glass .pf-card p,.theme-glass .pf-skill-card h3,.theme-glass .pf-skill-card p,.theme-glass .pf-timeline-card h3,.theme-glass .pf-timeline-card p,.theme-glass .saved-card h3,.theme-glass .saved-card p{color:#0a1628!important}.theme-glass .pf-tag,.theme-glass .pf-skill-tag,.theme-glass .pf-tech-tag{background:#0a1e5026;color:#0a1628!important;border:1px solid rgba(10,30,80,.25)}.theme-glass .pf-section-label,.theme-glass .section-title p{color:#0a1628a6!important}.theme-glass .section-title h2{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.2)}.theme-glass select option{background:#2563eb;color:#fff}.theme-light{--cyan: #0077ff;--cyan-dim: #0077ff15;--cyan-border: #0077ff35;--bg: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--border: #e2e8f0;--border-hover: #cbd5e1;--text: #0f172a;--text-muted: #64748b;--text-dim: #94a3b8}.theme-light body{background:#f8fafc}.theme-light .nav{background:#f8fafce6;border-bottom:1px solid #e2e8f0}.theme-light ::-webkit-scrollbar-track{background:#f1f5f9}.theme-light select option{background:#fff;color:#0f172a}.theme-aesthetic{--cyan: #a78bfa;--cyan-dim: #a78bfa18;--cyan-border: #a78bfa35;--bg: #0f0a1e;--bg-card: #1a1028;--bg-hover: #231535;--border: #ffffff10;--border-hover: #a78bfa30;--text: #ede9fe;--text-muted: #9d8ec7;--text-dim: #5b4e7a}.theme-aesthetic body{background:linear-gradient(160deg,#0f0a1e,#1a0a2e,#0f0a1e)}.theme-aesthetic body:before{background:radial-gradient(circle,#a78bfa 0%,transparent 60%);opacity:.08}.theme-cyber{--cyan: #00ff41;--cyan-dim: #00ff4115;--cyan-border: #00ff4135;--bg: #000000;--bg-card: #001a00;--bg-hover: #002200;--border: #00ff4115;--border-hover: #00ff4130;--text: #00ff41;--text-muted: #00aa2b;--text-dim: #006618}.theme-cyber body{background:#000}.theme-cyber body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.015) 2px,rgba(0,255,65,.015) 4px);pointer-events:none;z-index:1;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100px}}.theme-cyber .nav{background:#000a00eb;border-bottom:1px solid #00ff4125;box-shadow:0 0 20px #00ff411a}.theme-cyber .nav-logo{text-shadow:0 0 20px #00ff41}.theme-cyber .cursor-dot,.theme-cyber .cursor-ring{box-shadow:0 0 15px #00ff41,0 0 30px #00ff41}.theme-pink{--cyan: #f472b6;--cyan-dim: #f472b618;--cyan-border: #f472b635;--bg: #0d0010;--bg-card: #1a0020;--bg-hover: #220030;--border: #f472b615;--border-hover: #f472b630;--text: #fdf2f8;--text-muted: #c084fc;--text-dim: #7e22ce}.theme-pink body{background:linear-gradient(135deg,#0d0010,#1a0028 60%,#0d0010)}.theme-pink body:before{background:radial-gradient(circle,#f472b6 0%,transparent 60%);opacity:.1}.theme-pink .nav{background:#0d0010e0;border-bottom:1px solid #f472b620;box-shadow:0 0 30px #f472b614}.theme-sunset{--cyan: #fb923c;--cyan-dim: #fb923c18;--cyan-border: #fb923c35;--bg: #0c0500;--bg-card: #1a0e00;--bg-hover: #251500;--border: #fb923c15;--border-hover: #fb923c30;--text: #fff7ed;--text-muted: #fdba74;--text-dim: #9a3412}.theme-sunset body{background:linear-gradient(160deg,#0c0500,#1c0a00,#0c0500)}.theme-sunset body:before{background:radial-gradient(circle,#fb923c 0%,transparent 60%);opacity:.1}.theme-sunset .nav{background:#0c0500e0;border-bottom:1px solid #fb923c20;box-shadow:0 0 30px #fb923c14}.theme-nature{--cyan: #4ade80;--cyan-dim: #4ade8018;--cyan-border: #4ade8035;--bg: #020a05;--bg-card: #041a09;--bg-hover: #062510;--border: #4ade8015;--border-hover: #4ade8030;--text: #f0fdf4;--text-muted: #86efac;--text-dim: #166534}.theme-nature body{background:linear-gradient(160deg,#020a05,#051a0a,#020a05)}.theme-nature body:before{background:radial-gradient(circle,#4ade80 0%,transparent 60%);opacity:.07}.theme-nature .nav{background:#020a05e0;border-bottom:1px solid #4ade8020}.theme-midnight{--cyan: #818cf8;--cyan-dim: #818cf818;--cyan-border: #818cf835;--bg: #020617;--bg-card: #0a0f2e;--bg-hover: #111840;--border: #818cf815;--border-hover: #818cf830;--text: #e0e7ff;--text-muted: #6366f1;--text-dim: #312e81}.theme-midnight body{background:#020617}.theme-midnight body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 70% 45%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(2px 2px at 35% 55%,rgba(129,140,248,.5) 0%,transparent 100%),radial-gradient(2px 2px at 85% 25%,rgba(129,140,248,.4) 0%,transparent 100%);pointer-events:none;z-index:0;animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.theme-midnight .nav{background:#020617e0;border-bottom:1px solid #818cf820;box-shadow:0 0 40px #818cf80f}.theme-paper{--cyan: #2563eb;--cyan-dim: #2563eb12;--cyan-border: #2563eb30;--bg: #fefce8;--bg-card: #fffbeb;--bg-hover: #fef9c3;--border: #d97706;--border-hover: #b45309;--text: #1c1917;--text-muted: #78716c;--text-dim: #a8a29e}.theme-paper body{background:#fefce8;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:24px 24px}.theme-paper body:before{display:none}.theme-paper .nav{background:#fefce8f2;border-bottom:1px solid #d9770640;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-paper ::-webkit-scrollbar-track{background:#fef9c3}.theme-paper select option{background:#fffbeb;color:#1c1917}.theme-gradient{--cyan: #c084fc;--cyan-dim: #c084fc18;--cyan-border: #c084fc35;--bg: #05001a;--bg-card: #0d0528;--bg-hover: #160a38;--border: #c084fc15;--border-hover: #c084fc30;--text: #faf5ff;--text-muted: #a855f7;--text-dim: #581c87}.theme-gradient body{background:linear-gradient(300deg,#05001a,#0d0040,#1a0050,#0a0030,#05001a);background-size:400% 400%;animation:gradientShift 12s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.theme-gradient body:before{background:radial-gradient(circle,#c084fc 0%,transparent 60%);opacity:.1}.theme-gradient body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0% 0%,rgba(192,132,252,.12) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.06) 0%,transparent 60%);pointer-events:none;z-index:0}.theme-gradient .nav{background:#05001ab3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #c084fc20;box-shadow:0 0 40px #c084fc14}.theme-ice{--cyan: #0ea5e9;--cyan-dim: #0ea5e918;--cyan-border: #0ea5e935;--bg: #f0f9ff;--bg-card: #ffffff;--bg-hover: #e0f2fe;--border: #bae6fd;--border-hover: #7dd3fc;--text: #0c4a6e;--text-muted: #0369a1;--text-dim: #7dd3fc}.theme-ice body{background:linear-gradient(160deg,#e0f7ff,#f0f9ff,#dbeafe)}.theme-ice body:before{background:radial-gradient(circle,#0ea5e9 0%,transparent 60%);opacity:.06}.theme-ice .nav{background:#f0f9ffeb;border-bottom:1px solid #bae6fd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-ice ::-webkit-scrollbar-track{background:#e0f2fe}.theme-ice select option{background:#f0f9ff;color:#0c4a6e}.classic-root{display:block;min-height:100vh;background:var(--bg);position:relative;overflow-x:hidden}.classic-hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.classic-hero-left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:80px 60px 80px 80px;background:var(--bg)}.classic-hero-left:after{content:"";position:absolute;top:0;right:-60px;bottom:0;width:120px;background:var(--bg);transform:skew(-6deg);z-index:1}.classic-hero-right{position:relative;background:linear-gradient(135deg,var(--cyan-dim),transparent 60%);display:flex;align-items:center;justify-content:center;overflow:hidden}.classic-hero-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%,var(--cyan-dim) 0%,transparent 60%),radial-gradient(circle at 30% 70%,rgba(124,58,237,.1) 0%,transparent 50%);animation:classicGlow 6s ease-in-out infinite alternate}@keyframes classicGlow{0%{opacity:.6}to{opacity:1}}.classic-photo-wrap{position:relative;z-index:1;width:320px;height:400px}.classic-photo-wrap img,.classic-photo-wrap .classic-photo-placeholder{width:100%;height:100%;object-fit:cover;border-radius:40% 60% 60% 40%/40% 40% 60% 60%;animation:morphShape 8s ease-in-out infinite;border:3px solid var(--cyan-border)}.classic-photo-placeholder{background:var(--cyan-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:100px;font-weight:800;color:var(--cyan)}@keyframes morphShape{0%,to{border-radius:40% 60% 60% 40%/40% 40% 60% 60%}25%{border-radius:60% 40% 40% 60%/60% 60% 40% 40%}50%{border-radius:50% 50% 60% 40%/30% 60% 40% 70%}75%{border-radius:40% 60% 30% 70%/50% 40% 60% 50%}}.classic-float-badge{position:absolute;background:var(--cyan);color:#000;font-weight:700;font-size:12px;padding:8px 16px;border-radius:999px;box-shadow:0 8px 24px #00e5ff66;animation:floatBadge 3s ease-in-out infinite}.classic-float-badge-1{top:20px;right:-20px}.classic-float-badge-2{bottom:60px;left:-30px;animation-delay:1.5s}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.classic-name{font-family:var(--font-display);font-size:clamp(42px,5.5vw,80px);font-weight:800;line-height:.95;letter-spacing:-3px;margin-bottom:16px;position:relative;z-index:2}.classic-name-outline{-webkit-text-stroke:2px var(--cyan);color:transparent;display:block}.classic-name-filled{color:var(--text);display:block}.classic-role{font-size:16px;color:var(--cyan);font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;position:relative;z-index:2}.classic-role:before{content:"";display:inline-block;width:32px;height:2px;background:var(--cyan);margin-right:12px;vertical-align:middle}.classic-summary{color:var(--text-muted);font-size:15px;line-height:1.8;max-width:440px;margin-bottom:32px;position:relative;z-index:2}.classic-hero-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}.classic-btn-primary{background:var(--cyan);color:#000;padding:14px 32px;border-radius:999px;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all .3s;font-family:var(--font-body);box-shadow:0 8px 24px #00e5ff4d}.classic-btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 32px #00e5ff80}.classic-btn-secondary{background:transparent;color:var(--text);padding:14px 32px;border-radius:999px;font-weight:600;font-size:14px;border:2px solid var(--border-hover);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s;font-family:var(--font-body)}.classic-btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}.classic-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.classic-stat{padding:32px 20px;text-align:center;border-right:1px solid var(--border);position:relative;overflow:hidden;transition:background .3s}.classic-stat:last-child{border-right:none}.classic-stat:hover{background:var(--bg-hover)}.classic-stat:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cyan);transform:scaleX(0);transition:transform .3s}.classic-stat:hover:before{transform:scaleX(1)}.classic-stat-num{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--cyan);line-height:1;margin-bottom:4px}.classic-stat-label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.classic-content{max-width:1200px;margin:0 auto;padding:80px 60px}.classic-section{margin-bottom:100px}.classic-section-head{display:flex;align-items:center;gap:20px;margin-bottom:48px}.classic-section-num{font-family:var(--font-display);font-size:80px;font-weight:800;color:var(--cyan-dim);line-height:1;flex-shrink:0;-webkit-text-stroke:1px var(--cyan-border);color:transparent}.classic-section-title-wrap h2{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);font-weight:800;margin-bottom:4px}.classic-section-title-wrap p{color:var(--text-muted);font-size:14px}.classic-skills-scroll{display:flex;flex-direction:column;gap:20px}.classic-skill-row{display:flex;align-items:center;gap:16px}.classic-skill-cat{width:140px;flex-shrink:0;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.classic-skill-pills{display:flex;flex-wrap:wrap;gap:8px;flex:1}.classic-skill-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:500;transition:all .2s;cursor:default}.classic-skill-pill:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim);transform:translateY(-2px)}.classic-projects-list{display:flex;flex-direction:column;gap:24px}.classic-project-card{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.classic-project-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--cyan);transform:scaleY(0);transition:transform .3s;border-radius:4px 0 0 4px}.classic-project-card:hover{border-color:var(--cyan-border);transform:translate(8px);box-shadow:-8px 0 32px #00e5ff14}.classic-project-card:hover:before{transform:scaleY(1)}.classic-project-num{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--border);line-height:1;width:60px;text-align:center;transition:color .3s}.classic-project-card:hover .classic-project-num{color:var(--cyan-border)}.classic-project-info h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:8px}.classic-project-info p{color:var(--text-muted);font-size:13px;line-height:1.7;margin-bottom:12px}.classic-project-links{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.classic-proj-link{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}.classic-proj-link-dark{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.classic-proj-link-dark:hover{border-color:var(--cyan);color:var(--cyan)}.classic-proj-link-cyan{background:var(--cyan);color:#000}.classic-proj-link-cyan:hover{opacity:.85;transform:translateY(-1px)}.panel-root{display:block;min-height:100vh;background:var(--bg);position:relative}.panel-content{max-width:1300px;margin:0 auto;padding:80px 40px}.panel-bento-hero{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:auto auto;gap:16px;margin-bottom:16px}.panel-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:28px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.panel-cell:hover{border-color:var(--cyan-border);transform:translateY(-4px)}.panel-cell-name{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,var(--bg-card),var(--bg-hover));min-height:200px}.panel-cell-name h1{font-family:var(--font-display);font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1;letter-spacing:-1px;margin-bottom:8px}.panel-cell-name p{color:var(--cyan);font-size:13px;font-weight:600}.panel-cell-photo{grid-column:2;grid-row:1 / 3;padding:0;overflow:hidden;min-height:420px;cursor:pointer}.panel-cell-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.panel-cell-photo:hover img{transform:scale(1.05)}.panel-photo-placeholder{width:100%;height:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--cyan-dim),transparent)}.panel-cell-status{grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;background:var(--cyan-dim);border-color:var(--cyan-border);min-height:200px}.panel-status-badge{display:inline-flex;align-items:center;gap:8px;background:var(--cyan);color:#000;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;width:fit-content}.panel-cell-status h3{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.2;color:var(--cyan)}.panel-cell-summary{grid-column:1;grid-row:2}.panel-cell-summary p{color:var(--text-muted);font-size:13px;line-height:1.8}.panel-cell-contact{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:12px}.panel-contact-item{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);text-decoration:none;padding:8px 12px;background:var(--bg-hover);border-radius:10px;transition:color .2s,background .2s}.panel-contact-item:hover{color:var(--cyan);background:var(--cyan-dim)}.panel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.panel-stat-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;text-align:center;transition:all .3s;position:relative;overflow:hidden}.panel-stat-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 100%,var(--cyan-dim),transparent 70%);opacity:0;transition:opacity .3s}.panel-stat-cell:hover:after{opacity:1}.panel-stat-cell:hover{border-color:var(--cyan-border);transform:translateY(-4px)}.panel-stat-num{font-family:var(--font-display);font-size:40px;font-weight:800;color:var(--cyan);line-height:1;margin-bottom:4px}.panel-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.panel-skills-bento{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}.panel-skill-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:20px;transition:all .3s}.panel-skill-cell:hover{border-color:var(--cyan-border);background:var(--bg-hover);transform:scale(1.02)}.panel-skill-cat{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--cyan);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.panel-skill-pills{display:flex;flex-wrap:wrap;gap:6px}.panel-skill-pill{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500}.panel-projects-masonry{columns:2;column-gap:16px;margin-bottom:16px}.panel-project-card{break-inside:avoid;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:16px;transition:all .3s;position:relative;overflow:hidden}.panel-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s}.panel-project-card:hover:before{transform:scaleX(1)}.panel-project-card:hover{border-color:var(--cyan-border);transform:translateY(-4px);box-shadow:0 12px 40px #00e5ff14}.panel-project-name{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:8px}.panel-project-desc{color:var(--text-muted);font-size:13px;line-height:1.7;margin-bottom:14px}.panel-project-links{display:flex;gap:8px;flex-wrap:wrap}.panel-proj-link{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s}.panel-proj-link-dark{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.panel-proj-link-dark:hover{border-color:var(--cyan);color:var(--cyan)}.panel-proj-link-cyan{background:var(--cyan);color:#000}.panel-proj-link-cyan:hover{opacity:.85}.panel-exp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:16px}.panel-exp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;transition:all .3s;position:relative}.panel-exp-card:hover{border-color:var(--cyan-border);transform:translateY(-4px)}.panel-exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.panel-exp-role{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:4px}.panel-exp-company{color:var(--cyan);font-size:13px;font-weight:600}.panel-exp-duration{font-size:11px;color:var(--text-muted);background:var(--bg-hover);padding:4px 10px;border-radius:999px;white-space:nowrap}.panel-exp-points{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;margin-top:12px}.panel-exp-points li{font-size:12px;color:var(--text-muted);padding-left:16px;position:relative;line-height:1.6}.panel-exp-points li:before{content:"▸";position:absolute;left:0;color:var(--cyan)}.panel-section-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.panel-section-header h2{font-family:var(--font-display);font-size:28px;font-weight:800}.panel-section-icon{width:40px;height:40px;background:var(--cyan-dim);border:1px solid var(--cyan-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.panel-section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--cyan-border),transparent)}@media (max-width: 900px){.classic-hero{grid-template-columns:1fr}.classic-hero-right{display:none}.classic-hero-left{padding:80px 24px}.classic-content{padding:40px 24px}.classic-project-card{grid-template-columns:1fr}.classic-project-num{display:none}.panel-bento-hero{grid-template-columns:1fr}.panel-cell-photo{grid-column:1;grid-row:auto;min-height:300px}.panel-stats{grid-template-columns:repeat(2,1fr)}.panel-projects-masonry{columns:1}.panel-exp-grid{grid-template-columns:1fr}}