@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #030303;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #27272a;--glass-bg: rgba(10, 10, 10, .6);--glass-border: rgba(255, 255, 255, .05);--card-shadow: 0 8px 32px rgba(0, 0, 0, .4)}[data-theme=light]{--bg-color: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #e2e8f0;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, 1);--card-shadow: 0 4px 20px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);transition:background-color .4s ease,color .4s ease;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:color .3s ease}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}section{padding:4rem 0}.section-title{font-size:2.5rem;margin-bottom:2.5rem;text-align:center;position:relative;display:flex;justify-content:center}.section-title span{position:relative}.section-title span:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background-color:var(--accent-color);border-radius:2px}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease;gap:.5rem}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--bg-tertiary);border-color:var(--text-primary);transform:translateY(-2px)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}@media(max-width:768px){.section-title{font-size:2rem}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all .3s ease}.navbar.scrolled{padding:1rem 0;border-radius:0;border-top:none;border-left:none;border-right:none}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.nav-logo .accent{color:var(--accent-color)}.nav-desktop{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{font-weight:500;font-size:.95rem;color:var(--text-secondary);position:relative;padding:.5rem 0}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--text-primary)}.theme-toggle{color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;background-color:var(--glass-border);transition:background-color .3s ease,transform .3s ease}.theme-toggle:hover{background-color:var(--border-color);transform:rotate(15deg)}.nav-mobile-toggle{display:none;align-items:center;gap:1rem}.menu-toggle{color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:.25rem}.nav-mobile-menu{position:absolute;top:100%;left:1.5rem;right:1.5rem;padding:1.5rem;margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s}.nav-mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-links{display:flex;flex-direction:column;list-style:none;gap:1rem}.mobile-nav-link{display:block;font-weight:500;font-size:1.1rem;color:var(--text-primary);padding:.5rem 0;border-bottom:1px solid var(--glass-border)}.mobile-nav-link:last-child{border-bottom:none}@media(max-width:768px){.nav-desktop{display:none}.nav-mobile-toggle{display:flex}}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden;position:relative}.hero-section:before{content:"";position:absolute;top:20%;right:10%;width:40vw;height:40vw;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:.15;filter:blur(80px);z-index:-1;animation:pulse 8s ease-in-out infinite alternate}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:4rem}.hero-content{flex:1;max-width:600px}.hero-greeting{font-size:1.2rem;font-weight:500;color:var(--accent-color);margin-bottom:.5rem}.hero-title{font-size:4rem;margin-bottom:1.5rem;line-height:1.1}.hero-title-role{display:block;font-size:2.5rem;margin-top:.5rem}.hero-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px;line-height:1.8}.hero-cta{display:flex;gap:1.5rem;margin-bottom:3rem}.hero-socials{display:flex;gap:1.5rem}.hero-socials a{color:var(--text-secondary);transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;background-color:var(--glass-border)}.hero-socials a:hover{color:var(--accent-color);background-color:var(--border-color);transform:translateY(-3px)}.hero-visual{flex:1;position:relative;display:flex;justify-content:center;align-items:center}.hero-shape{position:absolute;width:100%;height:100%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:linear-gradient(135deg,var(--accent-color) 0%,#8b5cf6 100%);opacity:.3;animation:blobShape 8s ease-in-out infinite;z-index:-1;transform:scale(.9)}.hero-image-wrapper{width:350px;height:450px;border-radius:24px;overflow:hidden;padding:10px}.hero-placeholder-image{width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);position:relative;overflow:hidden}.hero-placeholder-image img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;object-position:top}.hero-placeholder-image:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.05),transparent);transform:skew(-20deg);animation:shimmer 3s infinite}@keyframes shimmer{to{left:200%}}@keyframes blobShape{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(.9)}50%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:scale(1)}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(.9)}}@keyframes pulse{0%{opacity:.1;transform:scale(.8)}to{opacity:.2;transform:scale(1.2)}}@media(max-width:992px){.hero-container{flex-direction:column-reverse;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-title{font-size:3.5rem}.hero-title-role{font-size:2rem}}@media(max-width:576px){.hero-title{font-size:2.5rem}.hero-cta{flex-direction:column;width:100%}.hero-image-wrapper{width:280px;height:360px}}.skills-section{position:relative;background-color:var(--bg-color)}.skills-container-detailed{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:1.5rem;overflow:visible}@media(max-width:1100px){.skills-container-detailed{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.skills-container-detailed{grid-template-columns:1fr}}.skill-card-detailed{padding:2.5rem 2rem;border-radius:24px;height:100%;transition:transform .4s ease,box-shadow .4s ease}.skill-card-detailed:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.skill-category-title{font-size:1.6rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.skills-detailed-list{display:flex;flex-direction:column;gap:1.25rem;list-style:none;padding:0}.skill-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;transition:transform .2s ease}.skill-row:hover{transform:translate(5px)}.skill-info{display:flex;align-items:center;gap:.75rem}.skill-icon{color:var(--text-secondary);transition:color .3s ease}.icon-highlight,.skill-row:hover .skill-icon{color:var(--accent-color)}.skill-name{font-size:1.1rem;font-weight:500;color:var(--text-primary)}.skill-level{font-size:.85rem;color:var(--text-secondary);background-color:var(--bg-secondary);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--border-color)}.skills-in-view .skill-row:hover{transform:translate(6px) scale(1.02)!important;transition:all .25s ease!important}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{width:100%;max-width:700px;max-height:85vh;border-radius:24px;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1.75rem 2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--glass-border);flex-shrink:0}.modal-title-area{display:flex;flex-direction:column;gap:.4rem}.modal-category{font-size:.7rem;padding:.2rem .6rem;border-radius:12px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.modal-title{font-size:1.6rem;font-weight:800;line-height:1.2}.modal-close-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;flex-shrink:0}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-secondary);transform:rotate(90deg)}.modal-body{padding:1.75rem 2rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.75rem}.modal-section{display:flex;flex-direction:column;gap:.75rem}.modal-section-header{display:flex;align-items:center;gap:.6rem}.modal-section-icon{color:var(--accent-color);flex-shrink:0}.modal-section-header h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.modal-text{color:var(--text-secondary);font-size:.95rem;line-height:1.75}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem}.modal-tag{font-size:.8rem;padding:.35rem .9rem;background-color:var(--bg-secondary);color:var(--text-primary);border-radius:20px;border:1px solid var(--border-color);font-weight:500}.modal-footer{padding:1.25rem 2rem;display:flex;gap:.75rem;border-top:1px solid var(--glass-border);flex-shrink:0}.modal-footer-btn{flex:1;font-size:.9rem;padding:.7rem 1.25rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}@media(max-width:768px){.modal-backdrop{padding:1rem;align-items:flex-end}.modal-container{max-height:90vh;border-radius:20px 20px 0 0}.modal-header,.modal-body{padding:1.25rem 1.5rem}.modal-footer{padding:1rem 1.5rem;flex-direction:column}.modal-title{font-size:1.3rem}}.projects-section{position:relative}.projects-list{display:flex;flex-direction:column;gap:2.5rem;margin-top:1.5rem}.project-split-card{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-split-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0003;border-color:var(--accent-color)}[data-theme=light] .project-split-card:hover{box-shadow:0 20px 50px #00000014}.project-info-side{padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.project-info-top{display:flex;flex-direction:column;gap:.75rem}.project-category-tag{font-size:.7rem;padding:.25rem .7rem;border-radius:15px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.project-title{font-size:1.4rem;font-weight:700;margin:0}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.project-tag{font-size:.75rem;padding:.25rem .7rem;background-color:var(--bg-secondary);color:var(--text-primary);border-radius:15px;border:1px solid var(--border-color);font-weight:500}.project-actions{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.project-action-btn{font-size:.8rem;padding:.55rem 1rem}.project-details-btn{color:var(--accent-color);border-color:var(--accent-color)}.project-details-btn:hover{background:#3b82f61a}.project-preview-side{position:relative;min-height:250px;background-color:var(--bg-tertiary)}.preview-frame-container{height:100%;width:100%;position:absolute;inset:0;display:flex;flex-direction:column}.preview-browser-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.browser-dots{display:flex;gap:5px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#22c55e}.browser-url-bar{flex:1;padding:.3rem .75rem;background-color:var(--bg-tertiary);border-radius:6px;font-size:.7rem;color:var(--text-secondary);font-family:Inter,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-iframe-wrap{flex:1;overflow:auto;position:relative}.preview-iframe{width:100%;height:100%;border:none;min-height:300px}.preview-live-badge{position:absolute;top:3rem;right:.75rem;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:20px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#22c55e;z-index:5}.live-dot{width:6px;height:6px;border-radius:50%;background-color:#22c55e;animation:pulse-dot 1.5s ease-in-out infinite}.preview-image-wrap{height:100%;width:100%;overflow:hidden;position:absolute;inset:0}.preview-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-split-card:hover .preview-image{transform:scale(1.05)}.projects-view-all{display:flex;justify-content:center}.projects-cta{text-align:center;margin-top:1.5rem}.view-all-btn{font-size:1rem;padding:.85rem 2rem}@media(max-width:768px){.project-split-card{grid-template-columns:1fr}.project-preview-side{min-height:250px;order:-1}.project-info-side{padding:1.5rem}.project-actions{flex-direction:column}.project-action-btn{width:100%;justify-content:center}}.coding-profile-section{position:relative;background-color:var(--bg-secondary)}.opacity-0{opacity:0}.coding-dashboard{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.chart-card-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary)}.stats-summary{display:flex;flex-direction:column;gap:1rem}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease;flex:1}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000026}.stat-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-info{display:flex;flex-direction:column;gap:.1rem}.stat-card-value{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card-label{font-size:.85rem;color:var(--text-secondary)}.rating-graph-card{padding:2rem;border-radius:20px}.rgc-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.rgc-title-group{display:flex;align-items:center;gap:.6rem}.rgc-meta{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary)}.rgc-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary);text-decoration:none;padding:.3rem .7rem;border-radius:8px;border:1px solid var(--glass-border);transition:color .2s,border-color .2s}.rgc-link:hover{color:#22c55e;border-color:#22c55e}.rating-graph-card{display:flex;flex-direction:column}.gfg-graph-card{padding:2rem;border-radius:20px}.gfg-body{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.gfg-score-graph{display:flex;flex-direction:column;gap:1rem}.gfg-score-bars{display:flex;flex-direction:column;gap:.9rem}.gfg-bar-row{display:flex;align-items:center;gap:.75rem}.gfg-bar-label{font-size:.82rem;color:var(--text-secondary);width:95px;flex-shrink:0}.gfg-bar-track{flex:1;height:12px;background:var(--bg-tertiary, rgba(255,255,255,.06));border-radius:8px;overflow:hidden}.gfg-bar-fill{height:100%;border-radius:8px;width:0}.gfg-bar-value{font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;width:36px;text-align:right;flex-shrink:0}.gfg-streak-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:20px;font-size:.82rem;font-weight:600;color:#f59e0b;width:fit-content}.gfg-stat-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.gfg-chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem .6rem;border-radius:12px;background:var(--bg-tertiary, rgba(255,255,255,.04));border:1px solid var(--glass-border)}.gfg-chip-val{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.gfg-chip-lbl{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.lc-difficulty-section{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;align-items:stretch}.donut-card{padding:2rem;border-radius:20px;display:flex;flex-direction:column}.donut-wrapper{position:relative;flex:1}.donut-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.dcl-value{display:block;font-family:Outfit,sans-serif;font-size:1.7rem;font-weight:700;color:var(--text-primary);line-height:1.1}.dcl-sub{display:block;font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.bar-chart-card{padding:2rem;border-radius:20px}.bar-chart{display:flex;flex-direction:column;gap:1.25rem}.bar-row{display:flex;align-items:center;gap:1rem}.bar-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);width:65px;flex-shrink:0}.bar-track{flex:1;height:14px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;width:0;transition:width 1.4s cubic-bezier(.4,0,.2,1);position:relative}.bar-fill:after{content:"";position:absolute;top:0;right:0;width:6px;height:100%;background:#ffffff4d;border-radius:0 10px 10px 0}.bar-value{font-family:Outfit,sans-serif;font-weight:700;font-size:1rem;color:var(--text-primary);width:40px;text-align:right;flex-shrink:0}.profile-split-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:1.5rem;align-items:start}.profile-left-col{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.profile-right-col{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:5rem}@media(max-width:1024px){.profile-split-layout{grid-template-columns:1fr}.profile-right-col{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.platform-card{padding:2rem;border-radius:20px;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.platform-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000026}.platform-card-header{display:flex;align-items:center;gap:1rem}.platform-avatar{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-name{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.platform-username{font-size:.9rem;font-weight:600}.platform-stats-row{display:flex;align-items:center;gap:.75rem;padding:1rem 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.platform-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1;min-width:55px}.platform-stat-value{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.platform-stat-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.platform-stat-divider{width:1px;height:32px;background:var(--glass-border);flex-shrink:0}.platform-visit-btn{width:100%;font-size:.9rem}@media(max-width:900px){.gfg-body{grid-template-columns:1fr}.gfg-stat-chips{grid-template-columns:repeat(5,1fr)}.lc-difficulty-section{grid-template-columns:1fr}}@media(max-width:768px){.profile-right-col{grid-template-columns:1fr}.stat-card{padding:1rem 1.25rem}.stat-card-value{font-size:1.3rem}.rbg-tiers-row{gap:.3rem}.rbg-tier-chip{font-size:.65rem;padding:.2rem .5rem}.gfg-stat-chips{grid-template-columns:repeat(3,1fr)}.rgc-meta{font-size:.75rem}}@media(max-width:480px){.rating-graph-card,.gfg-graph-card,.donut-card,.bar-chart-card{padding:1.25rem}.rbg-rating{font-size:1.8rem}.gfg-stat-chips{grid-template-columns:repeat(3,1fr)}}.education-section{position:relative;background-color:var(--bg-secondary)}.timeline-container{max-width:800px;margin:4rem auto 0;padding:0 1rem}.timeline-item{display:flex;gap:2rem;margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);z-index:2;border-color:#3b82f64d;background-color:var(--bg-color);box-shadow:0 0 20px #3b82f626;flex-shrink:0}.timeline-line{flex-grow:1;width:2px;background:linear-gradient(to bottom,var(--accent-color),transparent);margin-top:1rem;margin-bottom:-1rem;opacity:.5}.timeline-content{flex:1;padding:2.5rem;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}.timeline-content:before{content:"";position:absolute;left:-10px;top:30px;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent var(--glass-border) transparent transparent;transition:border-color .3s ease}.timeline-content:hover{transform:translate(10px);box-shadow:var(--card-shadow);border-color:var(--accent-color)}.timeline-content:hover:before{border-right-color:var(--accent-color)}.timeline-year{font-size:.95rem;font-weight:700;display:inline-block;margin-bottom:.75rem;letter-spacing:1px}.timeline-degree{font-size:1.6rem;margin-bottom:.5rem;color:var(--text-primary);line-height:1.3}.timeline-institution{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin-bottom:1.5rem}.timeline-description{color:var(--text-secondary);line-height:1.7;font-size:1.05rem}@media(max-width:768px){.timeline-item{flex-direction:column;gap:1.5rem}.timeline-marker{flex-direction:row;align-items:center;gap:1rem}.timeline-icon-wrapper{width:50px;height:50px}.timeline-line{width:100%;height:2px;background:linear-gradient(to right,var(--accent-color),transparent);margin:0;margin-left:1rem;margin-right:-1rem}.timeline-content{padding:1.5rem}.timeline-content:before{top:-10px;left:20px;border-width:0 10px 10px 10px;border-color:transparent transparent var(--glass-border) transparent}.timeline-content:hover{transform:translateY(10px) translate(0)}.timeline-content:hover:before{border-bottom-color:var(--accent-color);border-right-color:transparent}.timeline-degree{font-size:1.3rem}}.contact-section{position:relative}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:1.5rem}.contact-info{display:flex;flex-direction:column}.contact-subtitle{font-size:2rem;margin-bottom:1rem;line-height:1.3}.contact-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-detail-item{display:flex;align-items:flex-start;gap:1.5rem}.contact-icon-wrapper{width:48px;height:48px;border-radius:12px;background-color:var(--glass-border);color:var(--accent-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.contact-detail-item:hover .contact-icon-wrapper{background-color:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #3b82f633}.contact-detail-item h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:1px}.contact-detail-item a,.contact-detail-item p{font-size:1.1rem;font-weight:500;color:var(--text-primary);transition:color .3s ease}.contact-detail-item a:hover{color:var(--accent-color)}.contact-form-wrapper{padding:2rem;border-radius:24px}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border-radius:10px;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.5}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);background-color:var(--bg-color);box-shadow:0 0 0 4px #3b82f61a}.form-group:focus-within label{color:var(--accent-color)}.submit-btn{margin-top:.5rem;width:100%;padding:1rem;font-size:1rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.95rem;font-weight:500}.form-status.success{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.form-status.error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.form-status.loading{background-color:#3b82f61a;color:var(--accent-color);border:1px solid rgba(59,130,246,.2)}@media(max-width:992px){.contact-container{grid-template-columns:1fr;gap:3rem}}@media(max-width:576px){.contact-form-wrapper{padding:2rem 1.5rem}}.honeypot-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.certificates-section{background-color:var(--bg-secondary)}.certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:1.5rem}.cert-card{border-radius:20px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.cert-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000026;border-color:var(--accent-color)}.cert-card-preview{width:100%;height:200px;border-radius:14px;overflow:hidden;background-color:var(--bg-tertiary);position:relative;border:1px solid var(--border-color)}@keyframes certZoomPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.cert-preview-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border:none;animation:certZoomPulse 4s ease-in-out infinite;animation-play-state:paused}.cert-card:hover .cert-preview-img{animation-play-state:running}.cert-card-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);opacity:.5;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d)}.cert-card-content{flex:1;display:flex;flex-direction:column;gap:.35rem}.cert-title{font-size:1.15rem;font-weight:700}.cert-issuer{font-size:.85rem;color:var(--text-secondary);font-weight:500}.cert-date{color:var(--accent-color);font-weight:600}.cert-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-top:.25rem}.cert-card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--glass-border)}.cert-btn{font-size:.8rem;padding:.45rem .9rem;flex:1}.cert-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:certFadeIn .25s ease}@keyframes certFadeIn{0%{opacity:0}to{opacity:1}}.cert-modal{width:100%;max-width:520px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.cert-modal-header{padding:1.5rem 1.75rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--glass-border)}.cert-modal-title{font-size:1.2rem;font-weight:700}.cert-modal-issuer{font-size:.85rem;color:var(--text-secondary);margin-top:.2rem}.cert-modal-close{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;flex-shrink:0}.cert-modal-close:hover{color:var(--text-primary);transform:rotate(90deg)}.cert-modal-body{padding:2rem 1.75rem}.cert-preview-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2rem;border:2px dashed var(--border-color);border-radius:16px;background:var(--bg-tertiary)}.cert-preview-icon{color:var(--accent-color);opacity:.5}.cert-preview-placeholder h4{font-size:1.1rem;font-weight:700}.cert-preview-placeholder p{color:var(--text-secondary);font-size:.9rem}.cert-preview-desc{font-size:.85rem;line-height:1.6;max-width:400px}.cert-modal-footer{padding:1.25rem 1.75rem;border-top:1px solid var(--glass-border)}.cert-modal-btn{width:100%;font-size:.9rem;padding:.7rem 1.25rem}.certs-view-all-wrapper{display:flex;justify-content:center;margin-top:2.5rem}.certs-view-all-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:600;border:2px solid var(--accent-color);color:var(--accent-color);background:transparent;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.certs-view-all-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}@media(max-width:768px){.certificates-grid{grid-template-columns:1fr}.cert-modal-backdrop{padding:1rem}.cert-modal{border-radius:20px}}.footer{padding:0;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding:4rem 0 3rem;border-bottom:1px solid var(--glass-border)}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-logo{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.footer-logo .accent{color:var(--accent-color)}.footer-tagline{color:var(--text-secondary);font-size:1rem;max-width:280px;line-height:1.6}.footer-heading{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-primary);margin-bottom:1.25rem}.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:var(--text-secondary);font-size:.95rem;transition:all .3s ease;position:relative;display:inline-block}.footer-link:hover{color:var(--accent-color);transform:translate(4px)}.footer-socials{display:flex;gap:1rem}.footer-social-icon{width:42px;height:42px;border-radius:10px;background-color:var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.footer-social-icon:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #3b82f640}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.footer-copyright{color:var(--text-secondary);font-size:.9rem}.footer-made-with{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.35rem}.heart-icon{color:#ef4444;fill:#ef4444}@media(max-width:768px){.footer-top{grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-brand{align-items:center}.footer-tagline{max-width:100%}.footer-links{align-items:center}.footer-socials{justify-content:center}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}}.about-page{min-height:100vh;padding-top:3.5rem;padding-bottom:2rem}.about-split-layout{display:flex;gap:3rem;align-items:flex-start;padding-top:2rem}.about-sidebar{width:280px;flex-shrink:0;position:sticky;top:6rem;height:calc(100vh - 8rem);padding-bottom:2rem}.about-sidebar::-webkit-scrollbar{display:none}.about-sidebar{-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.about-sidebar-inner{padding:2.5rem 2rem;border-radius:24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--glass-bg)}.about-img-wrapper{width:160px;height:160px;border-radius:50%;overflow:hidden;position:relative;margin-bottom:1.5rem;border:4px solid var(--border-color)}.about-portrait{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;object-position:top}.about-portrait:hover{transform:scale(1.05)}.about-img-glow{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);z-index:1;pointer-events:none;mix-blend-mode:overlay}.about-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem;background:var(--bg-tertiary)}.about-name{font-size:1.8rem;font-weight:800;line-height:1.2;margin-bottom:.25rem}.about-role{font-size:1rem;color:var(--accent-color);font-weight:500;margin-bottom:1.5rem}.about-socials{display:flex;gap:.75rem;justify-content:center;width:100%}.about-social-link{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease}.about-social-link:hover{color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 20px #3b82f633}.about-content{flex:1;display:flex;flex-direction:column;gap:4rem;min-width:0}.about-section{width:100%}.section-title.left-align{text-align:left;margin-bottom:2rem}.section-title.left-align span:after{left:0;transform:none}.about-text-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.about-text-content p{margin-bottom:1.25rem}.about-bio-lead{font-size:1.2rem;color:var(--text-primary);font-weight:500;line-height:1.6}.about-soft-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.soft-skill{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.text-accent{color:var(--accent-color)}.what-i-do-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.what-i-do-card{padding:1.5rem;border-radius:16px;background:var(--glass-bg);transition:transform .3s ease,background .3s ease;border:1px solid var(--glass-border)}.what-i-do-card:hover{transform:translateY(-5px);background:var(--bg-tertiary)}.what-i-do-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.what-i-do-header h3{font-size:1.1rem;font-weight:600}.what-i-do-icon{color:var(--accent-color)}.what-i-do-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.about-skills-container{overflow:visible}.about-skills-scatter{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;padding:1rem 0}.about-skill-chip{padding:.6rem 1.1rem;border-radius:30px;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:default;background:var(--bg-tertiary);border:1px solid var(--glass-border)}.about-skills-scatter.in-view .about-skill-chip:hover{transform:translateY(-3px) scale(1.05)!important;border-color:var(--accent-color);box-shadow:0 8px 15px #3b82f633;transition:all .3s ease!important}.about-timeline{position:relative;margin-top:2rem;padding-bottom:2rem}.about-timeline:before{content:"";position:absolute;top:0;bottom:0;left:23px;width:2px;background:linear-gradient(180deg,var(--accent-color) 0%,rgba(59,130,246,.1) 100%);z-index:0}.about-timeline-item{position:sticky;display:flex;gap:1.5rem;margin-bottom:8rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.about-timeline-item:last-child{margin-bottom:0}.about-timeline-item:nth-child(1){top:100px;z-index:10}.about-timeline-item:nth-child(2){top:125px;z-index:20}.about-timeline-item:nth-child(3){top:150px;z-index:30}.about-timeline-item:nth-child(4){top:175px;z-index:40}.about-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin-top:0}.about-timeline-dot{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border:2px solid var(--accent-color);box-shadow:0 4px 12px #00000026;z-index:2;position:relative;transition:all .3s ease}.about-timeline-icon{color:var(--accent-color)}.about-timeline-line{display:none}.about-timeline-card{padding:1.5rem;border-radius:16px;flex:1;background:var(--bg-color)!important;box-shadow:0 -12px 24px var(--card-shadow),inset 0 1px 1px var(--glass-border)!important;border:1px solid var(--glass-border);margin-bottom:0;transition:transform .3s ease}.about-timeline-year{font-size:.85rem;font-weight:700;display:block;margin-bottom:.5rem}.about-timeline-degree{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.about-timeline-institution{font-size:.95rem;color:var(--text-primary);font-weight:400;margin-bottom:.75rem}.about-timeline-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.about-coding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.about-coding-card{padding:1.5rem;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .3s ease;background:var(--glass-bg);border:1px solid var(--glass-border)}.about-coding-card:hover{transform:translateY(-5px)}.coding-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.about-coding-card h3{font-size:1.2rem;font-weight:700}.coding-card-stats{display:flex;gap:2rem;padding:.5rem 0;width:100%;justify-content:center}.coding-card-stats div{display:flex;flex-direction:column;align-items:center}.coding-stat-num{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.coding-stat-lbl{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.about-section .certificates-section{padding-top:0!important;padding-bottom:0!important}.about-section .certificates-section .container{padding:0;max-width:100%}.about-section .certificates-section .section-title{text-align:left;margin-bottom:2rem}.about-section .certificates-section .section-title span:after{left:0;transform:none}.about-section .certs-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:1024px){.about-split-layout{gap:2rem}.about-sidebar{width:280px}.about-img-wrapper{width:180px;height:180px}}@media(max-width:850px){.about-split-layout{flex-direction:column;align-items:center}.about-sidebar{width:100%;max-width:450px;position:relative;top:0;height:auto}.about-sidebar-inner{padding:3rem 2rem}.about-skills-container{padding:2rem 1.5rem}.about-content{width:100%}.section-title.left-align{text-align:center}.section-title.left-align span:after{left:50%;transform:translate(-50%)}.about-section .certificates-section .section-title{text-align:center}.about-section .certificates-section .section-title span:after{left:50%;transform:translate(-50%)}}.projects-page{padding-top:5rem}.pp-hero{padding:3rem 0 1rem;text-align:center}.pp-hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.pp-hero-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;max-width:600px;margin:0 auto}.pp-filter-section{padding:1rem 0 2rem}.pp-filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.pp-filter-icon{color:var(--text-secondary)}.pp-filter-btn{padding:.5rem 1.25rem;border-radius:25px;font-size:.85rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.pp-filter-btn:hover{color:var(--text-primary);border-color:var(--accent-color)}.pp-filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pp-projects-section{padding:0 0 2rem}.pp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem}.pp-split-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.pp-split-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0003;border-color:var(--accent-color)}[data-theme=light] .pp-split-card:hover{box-shadow:0 20px 50px #00000014}.pp-info-side{padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;flex:1}.pp-info-top{display:flex;flex-direction:column;gap:.75rem}.pp-cat-badge{font-size:.7rem;padding:.25rem .7rem;border-radius:15px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.pp-card-title{font-size:1.4rem;font-weight:700}.pp-card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.pp-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.pp-tag{font-size:.75rem;padding:.25rem .7rem;background-color:var(--bg-secondary);color:var(--text-primary);border-radius:15px;border:1px solid var(--border-color);font-weight:500}.pp-card-actions{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.pp-action-btn{font-size:.8rem;padding:.55rem 1rem}.pp-details-btn{color:var(--accent-color);border-color:var(--accent-color)}.pp-details-btn:hover{background:#3b82f61a}.pp-preview-side{position:relative;height:300px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--glass-border)}.pp-frame-container{height:100%;width:100%;position:absolute;inset:0;display:flex;flex-direction:column}.pp-browser-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.pp-browser-dots{display:flex;gap:5px}.pp-dot{width:10px;height:10px;border-radius:50%}.pp-dot.red{background:#ef4444}.pp-dot.yellow{background:#f59e0b}.pp-dot.green{background:#22c55e}.pp-url-bar{flex:1;padding:.3rem .75rem;background-color:var(--bg-tertiary);border-radius:6px;font-size:.7rem;color:var(--text-secondary);font-family:Inter,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-iframe-scroll{flex:1;overflow:auto}.pp-iframe{width:100%;height:100%;border:none;min-height:250px}.pp-live-badge{position:absolute;top:3rem;right:.75rem;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:20px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#22c55e;z-index:5}.pp-live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.pp-img-container{height:100%;width:100%;overflow:hidden;position:absolute;inset:0}.pp-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pp-split-card:hover .pp-img{transform:scale(1.05)}.pp-empty{text-align:center;padding:3rem 0;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}@media(max-width:768px){.pp-hero-title{font-size:2.2rem}.pp-list{grid-template-columns:1fr}.pp-preview-side{height:200px}.pp-info-side{padding:1.5rem}.pp-card-actions{flex-direction:column}.pp-action-btn{width:100%;justify-content:center}}.app-container{min-height:100vh;display:flex;flex-direction:column}main{flex-grow:1}section{position:relative;z-index:1}