@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Syne:wght@700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap);.hero{align-items:center;background:#030303;display:flex;min-height:100vh;overflow:hidden;position:relative}.grid-bg{background-image:linear-gradient(rgba(0,255,170,.035) 1px,#0000 0),linear-gradient(90deg,rgba(0,255,170,.035) 1px,#0000 0);background-size:44px 44px;z-index:0}.grid-bg,.scanlines{inset:0;pointer-events:none;position:absolute}.scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,rgba(0,255,170,.014) 0,rgba(0,255,170,.014) 4px);z-index:1}.corner-accent{border-color:#00ffaa4d;border-style:solid;height:56px;pointer-events:none;position:absolute;width:56px;z-index:2}.corner-tl{border-width:2px 0 0 2px;left:28px;top:28px}.corner-tr{border-width:2px 2px 0 0;right:28px;top:28px}.corner-bl{border-width:0 0 2px 2px;bottom:28px;left:28px}.corner-br{border-width:0 2px 2px 0;bottom:28px;right:28px}.hero-inner{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:100px 60px;position:relative;width:100%;z-index:3}.tag-line{align-items:center;color:#00ffaa80;display:flex;font-family:JetBrains Mono,monospace;font-size:11px;gap:10px;letter-spacing:3px;margin-bottom:20px;text-transform:uppercase}.tag-line:before{background:#00ffaa80;content:"";display:inline-block;height:1px;width:22px}.hero-name{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#fff!important;font-family:Syne,sans-serif!important;font-size:56px!important;font-weight:800!important;letter-spacing:-1.5px!important;line-height:1.1!important;margin:0 0 8px!important}.hero-title-block{border-left:2px solid #00ffaa59;margin-top:22px;padding-left:18px}.prompt-symbol{color:#00ffaaa6;margin-right:6px}.prompt-symbol,.typed-title{font-family:JetBrains Mono,monospace}.typed-title{color:#d8d8d8;font-size:14px;line-height:1.8;margin:0}.typed-sub{color:#00ffaa8c;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;margin:10px 0 0}.cursor{animation:curblink .7s step-end infinite;background:#00ffaad9;display:inline-block;height:14px;margin-left:3px;vertical-align:middle;width:8px}@keyframes curblink{0%,to{opacity:1}50%{opacity:0}}.status-row{align-items:center;display:flex;gap:10px;margin-top:28px}.status-dot{animation:glow-dot 2s ease-in-out infinite;background:#0fa;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes glow-dot{0%,to{box-shadow:0 0 4px #0fa}50%{box-shadow:0 0 14px #0fa,0 0 28px #00ffaa4d}}.status-text{color:#00ffaa80;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.btn-row{display:flex;gap:14px;margin-top:30px}.btn-primary{background:#00ffaa14;border:1px solid #00ffaa73;border-radius:4px;color:#0fa;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:1.5px;padding:12px 28px;text-transform:uppercase;transition:background .2s}.btn-primary:hover{background:#00ffaa29}.btn-ghost{background:#0000;border:1px solid #ffffff1f;border-radius:4px;color:#fff6;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:1.5px;padding:12px 28px;text-transform:uppercase;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:#ffffff47;color:#ffffffa6}.hero-image{margin:0 auto;position:relative;width:fit-content}.avatar-border{animation:pulse-border 3s ease-in-out infinite;border:1.5px solid #0fa3;border-radius:12px;inset:-10px;pointer-events:none;position:absolute}@keyframes pulse-border{0%,to{opacity:.25}50%{opacity:.85}}.profile-image{border:1px solid #ffffff12;border-radius:8px;display:block;height:260px;object-fit:cover;object-position:top center;position:relative;width:500px;z-index:1}@media (max-width:900px){.hero-inner{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:100px 60px;position:relative;width:100%;z-index:3}.hero-name{font-size:40px!important}.hero-title-block{border-left:none;border-top:2px solid #00ffaa59;padding-left:0;padding-top:14px}.btn-row,.status-row,.tag-line{justify-content:center}.corner-accent{height:36px;width:36px}.profile-image{height:320px}}.projects{background:#0000;padding:100px 0}.projects h2{color:#fff;display:inline-block;font-family:Syne,sans-serif;font-size:42px;font-weight:800;margin-bottom:12px;position:relative;text-align:center}.projects h2,.projects h2:after{left:50%;transform:translateX(-50%)}.projects h2:after{background:#0fa;border-radius:2px;bottom:-10px;content:"";height:2px;position:absolute;width:60px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:50px}.pcard{background:#ffffff08;border:1px solid #00ffaa1f;border-radius:10px;overflow:hidden;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.pcard:before{background:linear-gradient(90deg,#0000,#0fa6,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.pcard:hover{border-color:#00ffaa4d;box-shadow:0 16px 40px #0006,0 0 20px #00ffaa0d;transform:translateY(-6px)}.pcard:hover:before{opacity:1}.img-wrap{position:relative}.pcard-img{border-bottom:1px solid #00ffaa14;display:block;height:200px;object-fit:cover;width:100%}.coming-soon-img{align-items:center;color:#00ffaa4d;display:flex;font-family:JetBrains Mono,monospace;font-size:13px;height:200px;justify-content:center;letter-spacing:2px;width:100%}.cs1{background:#00ffaa0a}.cs2{background:#00b4ff0a}.cs3{background:#ff64640a}.badge{background:#00ffaa1f;border:1px solid #00ffaa40;border-radius:4px;color:#0fa;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;left:14px;letter-spacing:1.5px;padding:4px 12px;position:absolute;text-transform:uppercase;top:14px}.pcard-body{padding:22px}.pcard-title{color:#fff;font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin:0 0 10px}.pcard-desc{color:#fff6;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;margin:0 0 16px}.divider{border:none;border-top:1px solid #00ffaa14;margin:16px 0}.tech-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tech-badge{align-items:center;background:#00ffaa0d;border:1px solid #00ffaa26;border-radius:4px;color:#0fa9;display:flex;font-family:JetBrains Mono,monospace;font-size:11px;gap:5px;letter-spacing:.5px;padding:4px 10px}.tech-badge img{height:14px;width:14px}.tech-badge i{font-size:13px}.pcard-footer{display:flex;justify-content:flex-end}.view-btn{background:#00ffaa14;border:1px solid #00ffaa59;border-radius:4px;color:#0fa;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:9px 20px;text-decoration:none;text-transform:uppercase;transition:background .2s}.view-btn:hover{background:#00ffaa29}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.projects h2{font-size:32px}}.skills{background:#0000;padding:100px 0}.skills h2{color:#fff;display:inline-block;font-family:Syne,sans-serif;font-size:42px;font-weight:800;margin-bottom:12px;position:relative;text-align:center}.skills h2,.skills h2:after{left:50%;transform:translateX(-50%)}.skills h2:after{background:#0fa;border-radius:2px;bottom:-10px;content:"";height:2px;position:absolute;width:60px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:50px}.skill-card{background:#ffffff05;border:1px solid #00ffaa1f;border-radius:10px;overflow:hidden;padding:24px;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.skill-card:before{background:linear-gradient(90deg,#0000,#00ffaa73,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.skill-card:hover{border-color:#00ffaa47;box-shadow:0 12px 32px #00000059,0 0 16px #00ffaa0a;transform:translateY(-5px)}.skill-card:hover:before{opacity:1}.skill-card-top{justify-content:space-between;margin-bottom:14px}.skill-card-top,.skill-icon{align-items:center;display:flex}.skill-icon{background:#00ffaa14;border:1px solid #0fa3;border-radius:8px;color:#0fa;font-size:16px;height:38px;justify-content:center;width:38px}.skill-tag{color:#00ffaa59;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.5px}.skill-name{color:#fff;font-family:Syne,sans-serif;font-size:17px;font-weight:700;margin:0 0 14px}.skill-pills{display:flex;flex-wrap:wrap;gap:7px}.skill-pill{align-items:center;background:#00ffaa0d;border:1px solid #00ffaa24;border-radius:4px;color:#0fa9;display:flex;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.3px;padding:4px 10px;transition:background .2s,color .2s}.skill-pill-icon{flex-shrink:0;height:14px;margin-right:4px;object-fit:contain;width:14px}.skill-pill-icon[alt="GitHub Actions"],.skill-pill-icon[alt=Bash],.skill-pill-icon[alt=Flask]{filter:invert(1) brightness(.8)}.skill-pill:hover{background:#00ffaa1a;color:#0fa}@media (max-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skills h2{font-size:32px}}@media (max-width:480px){.skills-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#0fa;--secondary-color:#20b2aa;--dark-color:#030303;--light-color:#f8f9fa;--text-color:#d8d8d8;--accent-color:#0fa;--grid-color:rgba(0,255,170,.035);--mono:"JetBrains Mono",monospace}body,html{background:#030303}body{color:#d8d8d8;color:var(--text-color);font-weight:400;line-height:1.6;position:relative}body:before{background-image:linear-gradient(rgba(0,255,170,.035) 1px,#0000 0),linear-gradient(90deg,rgba(0,255,170,.035) 1px,#0000 0);background-image:linear-gradient(var(--grid-color) 1px,#0000 1px),linear-gradient(90deg,var(--grid-color) 1px,#0000 1px);background-size:44px 44px}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}body:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,rgba(0,255,170,.012) 0,rgba(0,255,170,.012) 4px)}footer,header,main,section{position:relative;z-index:1}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#030303bf;border-bottom:1px solid #00ffaa1a;padding:22px 0;position:sticky;top:0;transition:all .3s ease;z-index:100}.header.scrolled{background:#030303eb;border-bottom-color:#0fa3;box-shadow:0 4px 30px #00000080;padding:16px 0}.header .container{justify-content:space-between}.header .container,.logo{align-items:center;display:flex}.logo{gap:6px}.logo:before{color:#0fa;color:var(--primary-color);content:">_";font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:18px;font-weight:700}.logo-text{color:#fff;font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px}.logo-text:after{content:"PRSPERERA"}.logo-cursor{animation:logoblink .7s step-end infinite;background:#0fa;display:inline-block;height:20px;margin-left:2px;vertical-align:middle;width:10px}@keyframes logoblink{0%,to{opacity:1}50%{opacity:0}}.nav{align-items:center;display:flex;font-size:12px;gap:36px}.nav li{list-style:none}.nav a{color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:2px;padding-bottom:4px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s}.nav a:after{background:#0fa;background:var(--primary-color);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .25s ease;width:0}.nav a:hover{color:#0fa;color:var(--primary-color)}.nav a:hover:after{width:100%}.about{background:#0000;padding:100px 0;text-align:center}.about h2{color:#fff;display:inline-block;font-family:Syne,sans-serif;font-size:42px;font-weight:800;margin-bottom:50px;position:relative}.about h2:after{background:#0fa;border-radius:2px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.about p{color:#ffffff73;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:400;letter-spacing:.3px;line-height:1.9;margin:0 auto 20px;max-width:800px}.about p:before{color:#0fa6;content:"// "}.contact{background:#0000;padding:100px 0;text-align:center}.contact h2{color:#fff;display:inline-block;font-family:Syne,sans-serif;font-size:42px;font-weight:800;margin-bottom:12px;position:relative}.contact h2:after{background:#0fa;border-radius:2px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.contact-sub{color:#0fa6;font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.3px;margin:24px 0 50px}.contact-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact-link{align-items:center;background:#ffffff05;border:1px solid #00ffaa1f;border-radius:10px;display:flex;gap:16px;min-width:240px;overflow:hidden;padding:18px 28px;position:relative;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.contact-link:before{background:linear-gradient(90deg,#0000,#00ffaa73,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.contact-link:hover{border-color:#00ffaa4d;box-shadow:0 12px 32px #00000059,0 0 16px #00ffaa0a;transform:translateY(-4px)}.contact-link:hover:before{opacity:1}.contact-icon{align-items:center;background:#00ffaa14;border:1px solid #0fa3;border-radius:8px;color:#0fa;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.contact-info{align-items:flex-start;display:flex;flex-direction:column;gap:3px}.contact-label{color:#0fa6;font-size:10px;letter-spacing:2px;text-transform:uppercase}.contact-label,.contact-value{font-family:JetBrains Mono,monospace}.contact-value{color:#ffffffa6;font-size:13px;letter-spacing:.3px}.footer{background:#0009;border-top:1px solid #00ffaa1a;color:#ffffff59;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;letter-spacing:1px;padding:30px 0;text-align:center}@media (max-width:768px){.hero .container{grid-template-columns:1fr}.nav{gap:18px}.projects-grid,.skills-grid{grid-template-columns:1fr}.contact-links{align-items:center;flex-direction:column}.contact-link{max-width:320px;min-width:0;min-width:auto;width:100%}.about h2,.contact h2{font-size:32px}}
/*# sourceMappingURL=main.7dee446c.css.map*/