@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";*,*: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}}