@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Inter:wght@400;500&display=swap";
.pf-root{--color-bg:#05080f;--color-frame:#1a1e2e;--color-accent:#c9a84c;--color-accent-glow:#c9a84c66;--color-glass:#0d1223bf;--color-text-primary:#e8d5a3;--color-text-secondary:#8a7a5a;--color-keyword:#4aa3ff;--color-keyword-glow:#4aa3ff73;--color-title-cyan:#34e0d8;--color-title-glow:#34e0d866;--font-display:"Rajdhani",sans-serif;--font-body:"Inter",sans-serif;min-height:100vh;color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#05080fb3;position:relative}.pf-root *,.pf-root :before,.pf-root :after{box-sizing:border-box}.pf-bg-glow{pointer-events:none;background:radial-gradient(40rem 40rem at 15% 20%,#c9a84c14,#0000 70%),radial-gradient(36rem 36rem at 85% 80%,#3c50a014,#0000 70%);position:fixed;inset:0}.pf-music{width:34px;height:34px;color:var(--color-text-primary);background:#c9a84c0a;border:1px solid #c9a84c4d;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.pf-music:hover{color:var(--color-title-cyan);box-shadow:0 0 18px -4px var(--color-accent-glow);border-color:#c9a84cb3;transform:scale(1.08)}.pf-music:focus-visible{color:var(--color-title-cyan);border-color:var(--color-accent);box-shadow:0 0 18px -4px var(--color-accent-glow);outline:none}.pf-music__icon{width:18px;height:18px;transition:transform .2s}.pf-music:hover .pf-music__icon{transform:scale(1.1)}.pf-explore{width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;background:#c9a84c0a;border:1px solid #c9a84c4d;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.pf-explore:hover,.pf-explore:focus-visible{color:var(--color-title-cyan);box-shadow:0 0 18px -4px var(--color-accent-glow);border-color:#c9a84cb3;outline:none;transform:scale(1.08)}.pf-explore__icon{width:18px;height:18px;transition:transform .2s}.pf-explore:hover .pf-explore__icon{transform:rotate(-8deg)scale(1.1)}.pf-explore-overlay{z-index:60;-webkit-backdrop-filter:blur(10px);background:#05080fb3;justify-content:center;align-items:center;padding:24px;animation:.2s pf-explore-fade;display:flex;position:fixed;inset:0}@keyframes pf-explore-fade{0%{opacity:0}to{opacity:1}}.pf-explore-menu{background:var(--color-bg);width:min(440px,92vw);box-shadow:0 0 40px -8px var(--color-accent-glow),inset 0 0 24px #c9a84c0d;border:1px solid #c9a84c59;border-radius:8px;padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) pf-explore-pop;position:relative}@keyframes pf-explore-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.pf-explore-menu__head{border-bottom:1px solid #c9a84c33;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.pf-explore-menu__title{letter-spacing:.28em;text-transform:uppercase;color:var(--color-accent);font-size:12px;font-weight:600}.pf-explore-close{width:28px;height:28px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.pf-explore-close:hover{color:var(--color-title-cyan);border-color:#c9a84c66}.pf-explore-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.pf-explore-item{text-align:center;color:var(--color-text-primary);background:#c9a84c0a;border:1px solid #c9a84c4d;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;text-decoration:none;transition:all .2s;display:flex}.pf-explore-item:hover{color:var(--color-title-cyan);box-shadow:0 0 22px -6px var(--color-accent-glow);border-color:#c9a84cb3;transform:translateY(-2px)}.pf-explore-item__icon{width:26px;height:26px;transition:transform .2s}.pf-explore-item:hover .pf-explore-item__icon{transform:scale(1.12)}.pf-explore-item__label{font-size:14px;font-weight:600}.pf-explore-item__desc{letter-spacing:.04em;color:var(--color-text-primary);opacity:.55;font-size:11px}.pf-layout{z-index:1;grid-template-columns:minmax(300px,360px) 1fr;gap:16px;height:100vh;padding:24px;display:grid;position:relative}.pf-profile{min-height:0;color:var(--color-text-primary);background:var(--color-glass);-webkit-backdrop-filter:blur(8px);border:1px solid #c9a84c4d;border-radius:4px;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #c9a84c0f}.pf-profile__head{border-bottom:1px solid #c9a84c2e;flex:none;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:16px;display:flex}.pf-profile__body{scrollbar-width:thin;scrollbar-color:#c9a84c66 transparent;flex:auto;min-height:0;padding-top:16px;overflow-y:auto}.pf-profile__body::-webkit-scrollbar{width:8px}.pf-profile__body::-webkit-scrollbar-thumb{background:#c9a84c59;border-radius:999px}.pf-avatar{width:132px;height:132px;box-shadow:0 0 24px -4px var(--color-accent-glow);border:1px solid #c9a84c80;border-radius:50%;margin:0 auto 18px;position:relative;overflow:hidden}.pf-avatar__img{object-fit:cover}.pf-profile__name{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-text-primary);margin:4px 0 8px;font-size:28px;font-weight:700;line-height:1.1}.pf-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:1fr 1fr;grid-template-areas:"experience skills""experience skills""experience skills""experience career""education career""education career";gap:16px;height:100%;min-height:0;display:grid;position:relative}.pf-card{text-align:left;cursor:pointer;color:var(--color-text-primary);background:var(--color-glass);-webkit-backdrop-filter:blur(8px);border:1px solid #c9a84c40;border-radius:4px;flex-direction:column;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.pf-card:hover{box-shadow:0 0 28px -4px var(--color-accent-glow);border-color:#c9a84cb3;transform:scale(1.01)}.pf-card:focus-visible{border-color:var(--color-accent);box-shadow:0 0 28px -4px var(--color-accent-glow);outline:none}.pf-card__header{flex:none;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pf-card__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-primary);margin:0;font-size:18px;font-weight:700;line-height:1.1;transition:color .22s,text-shadow .22s}.pf-card:hover .pf-card__title,.pf-card:focus-visible .pf-card__title,.pf-profile:hover .pf-card__title{color:var(--color-title-cyan);text-shadow:0 0 14px var(--color-title-glow)}.pf-scroll{flex:auto;min-height:0;display:flex;position:relative}.pf-card__preview{scrollbar-width:none;flex:auto;min-height:0;padding-bottom:28px;font-size:93%;overflow:hidden auto}.pf-card__preview::-webkit-scrollbar{width:0;height:0}.pf-scroll__bar{z-index:2;opacity:0;pointer-events:none;width:5px;transition:opacity .2s;position:absolute;top:2px;bottom:2px;right:2px}.pf-card:hover .pf-scroll__bar{opacity:1}.pf-scroll__thumb{background:#c9a84c80;border-radius:999px;width:100%;position:absolute;top:0;left:0}.pf-card__preview .pf-content{max-width:none}.pf-card__preview .pf-divider{margin:12px 0}.pf-card__preview .pf-exp,.pf-card__preview .pf-item{margin-bottom:12px}.pf-card:after{content:"";pointer-events:none;background:linear-gradient(#080b1400,#080b14f5);height:44px;position:absolute;bottom:1px;left:1px;right:1px}.pf-card__open{z-index:1;font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.6;font-size:10px;transition:all .2s;position:absolute;bottom:12px;right:16px}.pf-card:hover .pf-card__open{opacity:1;color:var(--color-accent)}.pf-badge{min-width:34px;height:22px;font-family:var(--font-display);letter-spacing:.15em;color:var(--color-accent);background:#c9a84c0f;border:1px solid #c9a84c66;border-radius:2px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.pf-corner{color:var(--color-accent);pointer-events:none;opacity:.55;position:absolute}.pf-corner--tl{top:6px;left:6px}.pf-corner--tr{top:6px;right:6px}.pf-corner--bl{bottom:6px;left:6px}.pf-corner--br{bottom:6px;right:6px}.pf-divider{color:#c9a84c59;width:100%;height:10px;margin:18px 0;display:block}.pf-tag{letter-spacing:.04em;color:var(--color-text-primary);background:#c9a84c0d;border:1px solid #c9a84c38;border-radius:999px;padding:3px 9px;font-size:11px;transition:color .22s,border-color .22s,background .22s,box-shadow .22s;display:inline-block}.pf-kw{color:inherit;font-weight:600;transition:color .22s,text-shadow .22s}.pf-card:hover .pf-kw,.pf-card:focus-visible .pf-kw,.pf-profile:hover .pf-kw,.pf-frame .pf-kw{color:var(--color-keyword);text-shadow:0 0 10px var(--color-keyword-glow)}.pf-card:hover .pf-tag--kw,.pf-card:focus-visible .pf-tag--kw,.pf-frame .pf-tag--kw{color:var(--color-keyword);box-shadow:0 0 12px -2px var(--color-keyword-glow);background:#4aa3ff14;border-color:#4aa3ff99}.pf-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);background:#05080fb3;position:fixed;inset:0}.pf-tablet{z-index:51;will-change:left,top,width,height;position:fixed}.pf-frame{border:16px solid var(--color-frame);background:var(--color-bg);width:100%;height:100%;box-shadow:inset 0 0 30px var(--color-accent-glow),0 24px 80px -20px #000c;border-radius:6px;flex-direction:column;display:flex;position:relative;overflow:hidden}.pf-frame:before{content:"";pointer-events:none;z-index:3;border:1px solid #c9a84c80;position:absolute;inset:0}.pf-frame__topbar{background:#1a1e2e99;border-bottom:1px solid #c9a84c33;flex:0 0 40px;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.pf-frame__title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--color-title-cyan);text-shadow:0 0 14px var(--color-title-glow);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.pf-frame__title-num{color:var(--color-accent);font-size:11px}.pf-close{width:26px;height:26px;color:var(--color-accent);cursor:pointer;background:0 0;border:1px solid #c9a84c80;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}.pf-close:hover{box-shadow:0 0 14px -2px var(--color-accent-glow);background:#c9a84c1f}.pf-frame__body{flex:auto;min-height:0;padding:26px 30px;position:relative;overflow-y:auto}.pf-frame__body:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(#c9a84c0a 0 1px,#0000 1px 4px);position:absolute;inset:0}.pf-frame__bottombar{background:#1a1e2e99;border-top:1px solid #c9a84c33;flex:0 0 10px;justify-content:center;align-items:center;gap:7px;height:10px;display:flex}.pf-frame__dot{background:#c9a84c73;border-radius:999px;width:4px;height:4px}.pf-frame__body{scrollbar-width:thin;scrollbar-color:#c9a84c66 transparent}.pf-frame__body::-webkit-scrollbar{width:8px}.pf-frame__body::-webkit-scrollbar-track{background:0 0}.pf-frame__body::-webkit-scrollbar-thumb{background:#c9a84c59;border-radius:999px}.pf-frame__body::-webkit-scrollbar-thumb:hover{background:#c9a84c99}.pf-content{z-index:1;max-width:none;position:relative}.pf-cards{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start;gap:18px 26px;display:grid}.pf-cards--tight{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.pf-cards>*{break-inside:avoid}.pf-cards .pf-exp,.pf-skill-group{background:#c9a84c08;border:1px solid #c9a84c29;border-radius:4px;margin-bottom:0;padding:14px 16px}.pf-h{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-text-primary);margin:0 0 6px;font-size:22px;font-weight:700}.pf-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin:0;font-size:12px}.pf-eyebrow{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 12px;font-size:12px;font-weight:600}.pf-p{color:var(--color-text-primary);margin:0;font-size:13.5px;line-height:1.7}.pf-muted{color:var(--color-text-secondary)}.pf-item{margin-bottom:16px}.pf-item:last-child{margin-bottom:0}.pf-item__label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin:0 0 4px;font-size:12px}.pf-tags-row{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.pf-grid-2{grid-template-columns:200px 1fr;align-items:start;gap:14px 18px;display:grid}.pf-exp{margin-bottom:22px}.pf-exp__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.pf-exp__role{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-text-primary);font-size:16px;font-weight:700}.pf-exp__company{letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-size:12px}.pf-exp__period{letter-spacing:.1em;color:var(--color-text-secondary);font-size:11px}.pf-exp__current{color:var(--color-accent);border-color:#c9a84c99}.pf-list{margin:0;padding:0;list-style:none}.pf-list li{color:var(--color-text-primary);margin-bottom:8px;padding-left:18px;font-size:12.5px;line-height:1.6;position:relative}.pf-list li:before{content:"›";color:var(--color-accent);position:absolute;left:0}@media (max-width:768px){.pf-layout{grid-template-columns:1fr;height:auto;min-height:100vh}.pf-profile{max-height:none}.pf-profile__body{overflow:visible}.pf-grid{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"experience""skills""education""career";height:auto}.pf-card{min-height:150px}.pf-grid-2{grid-template-columns:1fr}.pf-frame__body{padding:20px 18px}}