@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Share+Tech+Mono&family=Rajdhani:wght@500;600;700&display=swap";:root{--cyber-black: #050508;--cyber-dark: #0a0b10;--cyber-panel: rgba(12, 14, 24, .85);--neon-cyan: #00f0ff;--neon-pink: #ff0055;--neon-yellow: #ffe600;--neon-green: #00ff66;--text-primary: #ffffff;--text-muted: #8e9bb0;--text-cyan: #00f0ff;--border-neon-cyan: rgba(0, 240, 255, .4);--border-neon-pink: rgba(255, 0, 85, .4);--shadow-cyan: 0 0 20px rgba(0, 240, 255, .3);--shadow-pink: 0 0 20px rgba(255, 0, 85, .3);--font-heading: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}:root .project-page{position:relative;max-width:1300px;min-height:100vh;margin:0 auto;padding:12px 24px 80px;z-index:10}:root .back-button{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;background:transparent;border:1px solid var(--border-neon-cyan);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:.2s ease}:root .back-button:hover{color:var(--neon-cyan);border-color:var(--neon-pink)}:root .project-detail{padding:76px 0 20px}:root .project-detail-visual{position:relative;display:flex;min-height:240px;align-items:flex-end;justify-content:space-between;gap:20px;overflow:hidden;padding:28px 34px;margin-bottom:46px;background:linear-gradient(130deg,#00f0ff2e,#ff005529),repeating-linear-gradient(90deg,transparent 0 39px,rgba(0,240,255,.13) 40px 41px),var(--cyber-panel);border:1px solid var(--border-neon-cyan);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));box-shadow:var(--shadow-cyan)}:root .project-detail-visual:before,:root .project-detail-visual:after{content:"";position:absolute;width:170px;height:170px;right:14%;top:30px;border:1px solid var(--neon-cyan);transform:rotate(45deg);opacity:.55}:root .project-detail-visual:after{width:100px;height:100px;right:20%;top:65px;border-color:var(--neon-pink)}:root .project-detail-visual.cyan{background-color:#005f6e66}:root .project-detail-visual.gold{background-color:#80570066}:root .project-detail-visual.green{background-color:#006e4166}:root .project-detail-visual.orange{background-color:#822d2366}:root .project-detail-visual.yellow{background-color:#80640066}:root .project-detail-index,:root .project-detail-mark{position:relative;z-index:1;font-family:var(--font-mono)}:root .project-detail-index{align-self:flex-start;color:var(--neon-pink);font-size:.78rem;letter-spacing:.14em}:root .project-detail-mark{max-width:68%;color:#fff;font-family:var(--font-heading);font-size:clamp(1.8rem,5vw,4.5rem);font-weight:900;line-height:.95;text-transform:uppercase;text-shadow:0 0 18px rgba(0,240,255,.45)}:root .project-detail-heading{max-width:880px;margin-bottom:66px}:root .project-detail-heading h1{margin:0 0 20px;color:#fff;font-family:var(--font-heading);font-size:clamp(2rem,5vw,4.8rem);line-height:1;text-transform:uppercase}:root .project-detail-intro{max-width:760px;margin:0 0 28px;color:var(--text-muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}:root .project-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;margin-bottom:80px}:root .detail-story h2,:root .detail-section-heading h2,:root .detail-cta h2{margin:0 0 18px;color:#fff;font-family:var(--font-heading);font-size:clamp(1.45rem,3vw,2.3rem);line-height:1.1;text-transform:uppercase}:root .detail-story p:not(.detail-kicker){max-width:690px;margin:0 0 18px;color:var(--text-muted);font-size:1.05rem;line-height:1.75}:root .detail-kicker{margin:0 0 14px;color:var(--neon-cyan);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}:root .detail-facts{padding:24px;border:1px solid var(--border-neon-cyan);background:var(--cyber-panel);box-shadow:var(--shadow-cyan)}:root .detail-facts>div{display:grid;gap:8px;padding:16px 0;border-bottom:1px solid rgba(0,240,255,.16)}:root .detail-facts>div:first-child{padding-top:0}:root .detail-facts>div:last-child{padding-bottom:0;border-bottom:0}:root .detail-facts span:not(.detail-stack span){color:var(--neon-pink);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase}:root .detail-facts strong{color:#fff;font-family:var(--font-body);font-size:1rem}:root .detail-stack{display:flex;flex-wrap:wrap;gap:8px}:root .detail-stack span{padding:5px 8px;border:1px solid var(--border-neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);font-size:.72rem}:root .detail-features{padding:48px 0;border-top:1px solid var(--border-neon-cyan);border-bottom:1px solid var(--border-neon-cyan)}:root .feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}:root .feature-item{display:flex;align-items:center;gap:16px;min-height:70px;border-bottom:1px solid rgba(0,240,255,.16)}:root .feature-item span{color:var(--neon-pink);font-family:var(--font-mono);font-size:.75rem}:root .feature-item strong{color:#fff;font-family:var(--font-body);font-size:1rem}:root .detail-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:62px;padding:32px;border:1px solid var(--border-neon-pink);background:#ff00550f}:root .detail-cta h2{margin-bottom:0}:root .project-card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(0,240,255,.18)}:root .project-view-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--neon-cyan);color:#000;font-family:var(--font-heading);font-size:.78rem;font-weight:900;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}:root .project-live-link{color:var(--neon-cyan);font-family:var(--font-mono);font-size:.78rem}:root .project-live-link:hover,:root .project-view-btn:hover{color:var(--neon-pink)}:root .project-status-label{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid var(--border-neon-yellow, rgba(255, 230, 0, .4));color:var(--neon-yellow);font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase}@media(max-width:760px){:root .project-detail{padding-top:44px}:root .project-detail-visual{min-height:190px;padding:22px}:root .project-detail-grid,:root .feature-list{grid-template-columns:1fr}:root .detail-cta{align-items:flex-start;flex-direction:column;padding:24px}:root .back-button{font-size:.72rem}}@keyframes text-glitch{0%,82%,to{text-shadow:none;transform:translate(0) skew(0)}83%{text-shadow:-4px 0 var(--neon-pink),4px 0 var(--neon-cyan);transform:translate(-3px) skew(-3deg)}84%{text-shadow:4px 0 var(--neon-pink),-4px 0 var(--neon-cyan);transform:translate(3px,1px) skew(3deg)}85%{text-shadow:-3px 0 var(--neon-cyan),3px 0 var(--neon-pink);transform:translate(-2px,-1px) skew(-1deg)}86%{text-shadow:2px 0 var(--neon-pink),-2px 0 var(--neon-cyan);transform:translate(1px) skew(1deg)}87%{text-shadow:none;transform:translate(0) skew(0)}}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 6px #fff,0 0 12px var(--neon-cyan),0 0 24px var(--neon-cyan);opacity:1}19%,21%{text-shadow:none;opacity:.7}23%,24%{text-shadow:none;opacity:.85}54%,56%{text-shadow:none;opacity:.75}}@keyframes border-pulse{0%,to{box-shadow:0 0 10px #00f0ff4d,0 0 20px #00f0ff1a}50%{box-shadow:0 0 25px #00f0ffb3,0 0 50px #00f0ff40,inset 0 0 20px #00f0ff0d}}@keyframes float-cyber{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scan-sweep{0%{top:0%;opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 6px var(--neon-green)}50%{transform:scale(1.6);box-shadow:0 0 20px var(--neon-green),0 0 40px #0f66}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes card-scan{0%{left:-60%}to{left:150%}}@keyframes corner-appear{0%{width:0;height:0;opacity:0}to{width:18px;height:18px;opacity:1}}@keyframes grid-drift{0%{background-position:0 0,0 0,50% 0%}to{background-position:30px 30px,30px 30px,50% 0%}}@keyframes topbar-enter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-pulse{0%,to{box-shadow:0 0 12px #ff005580}50%{box-shadow:0 0 30px #ff0055e6,0 0 50px #ff00554d}}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-width:320px;font-family:var(--font-body);background-color:var(--cyber-black);background-image:linear-gradient(rgba(0,240,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.04) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(255,0,85,.15),transparent 60%);background-size:30px 30px,30px 30px,100% 100%;background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden;animation:grid-drift 6s linear infinite}body:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:999;pointer-events:none;opacity:.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{position:relative;max-width:1300px;margin:0 auto;padding:12px 24px 80px;z-index:10}.topbar{position:sticky;top:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px;background:var(--cyber-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-neon-cyan);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));box-shadow:var(--shadow-cyan);z-index:100;animation:topbar-enter .8s ease both,border-pulse 3s ease-in-out infinite .8s}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--neon-pink);color:#000;font-family:var(--font-heading);font-weight:900;font-size:1.1rem;clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);box-shadow:var(--shadow-pink);animation:brand-pulse 2.5s ease-in-out infinite}.brand-block strong{display:block;font-family:var(--font-heading);font-size:1rem;letter-spacing:.05em;color:#fff;animation:neon-flicker 9s ease-in-out infinite}.brand-block span{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);letter-spacing:.1em}.nav{display:flex;align-items:center;gap:28px;font-family:var(--font-mono);font-size:.88rem;color:var(--text-muted)}.nav a{position:relative;transition:all .2s ease;letter-spacing:.08em}.nav a:hover{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.nav a:before{content:"> ";opacity:0;color:var(--neon-pink);transition:opacity .2s ease}.nav a:hover:before{opacity:1}.hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:32px;min-height:calc(100vh - 90px);padding:16px 0 10px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#ff005526;border:1px solid var(--neon-pink);color:var(--neon-pink);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);margin-bottom:12px;animation:fade-up .6s ease both}.eyebrow:after{content:"_";animation:blink-cursor 1s step-end infinite;color:var(--neon-pink)}.hero-copy h1{margin:0 0 14px;font-family:var(--font-heading);font-size:clamp(1.3rem,3.2vw,2.9rem);font-weight:900;line-height:1.15;letter-spacing:-.01em;color:#fff;text-transform:uppercase;animation:fade-up .8s ease .2s both,text-glitch 8s ease-in-out infinite 2s}.hero-copy h1 span{color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,240,255,.6);position:relative}.lead{max-width:560px;font-size:.98rem;line-height:1.5;color:var(--text-muted);font-family:var(--font-body);margin-bottom:20px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 36px;background:var(--neon-cyan);color:#000;font-family:var(--font-heading);font-weight:900;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);box-shadow:var(--shadow-cyan);transition:all .2s ease}.btn-primary:hover{background:#fff;box-shadow:0 0 30px #fff;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 36px;background:#ffffff08;color:var(--text-primary);font-family:var(--font-heading);font-weight:700;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-neon-cyan);cursor:pointer;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));transition:all .2s ease}.btn-secondary:hover{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:var(--shadow-pink)}.hero-card{position:relative;background:var(--cyber-panel);border:1px solid var(--border-neon-cyan);padding:36px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));box-shadow:var(--shadow-cyan);overflow:hidden;animation:float-cyber 5s ease-in-out infinite,border-pulse 2.5s ease-in-out infinite}.hero-card:after{content:"";position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan) 50%,transparent 100%);top:0;animation:scan-sweep 2.5s linear infinite;pointer-events:none;z-index:5;opacity:.8}.hero-card:before{content:"SYS.ID // 004";position:absolute;top:10px;right:20px;font-family:var(--font-mono);font-size:.65rem;color:var(--neon-pink);letter-spacing:.15em;z-index:10;animation:neon-flicker 5s ease-in-out infinite 1s}.avatar-wrapper{position:relative;width:140px;height:140px;margin:0 auto 24px;border:2px solid var(--neon-cyan);padding:4px;box-shadow:var(--shadow-cyan);animation:border-pulse 2s ease-in-out infinite}.avatar-img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(1.2)}.profile-info{text-align:center}.profile-info h3{margin:0 0 6px;font-family:var(--font-heading);font-size:1.5rem;color:#fff;letter-spacing:.05em}.profile-info p{margin:0 0 20px;font-family:var(--font-mono);font-size:.88rem;color:var(--neon-cyan)}.status-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;background:#00ff661a;border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em}.status-dot{width:8px;height:8px;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);border-radius:50%;animation:dot-pulse 1.8s ease-in-out infinite;flex-shrink:0}.section{padding:80px 0;animation:fade-up .9s ease both}.section-header{margin-bottom:50px;border-left:4px solid var(--neon-pink);padding-left:20px;animation:slide-left .7s ease both}.section-header h2{margin:0 0 12px;font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,2.4rem);text-transform:uppercase;letter-spacing:.02em;color:#fff}.section-header p{margin:0;font-size:1.1rem;color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px}.project-card{background:var(--cyber-panel);border:1px solid var(--border-neon-cyan);padding:32px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.06),transparent);pointer-events:none;z-index:1;transition:none}.project-card:hover:before{animation:card-scan .7s ease forwards}.project-card:hover{border-color:var(--neon-pink);box-shadow:var(--shadow-pink);transform:translateY(-6px)}.project-type{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-yellow);margin-bottom:10px;letter-spacing:.1em}.project-card h3{margin:0 0 14px;font-family:var(--font-heading);font-size:1.5rem;color:#fff}.project-card p{margin:0 0 24px;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:4px 12px;background:#00f0ff1a;border:1px solid var(--border-neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);font-size:.78rem}.chips-grid{display:flex;flex-wrap:wrap;gap:14px}.chip{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:var(--cyber-panel);border:1px solid var(--border-neon-cyan);font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .2s ease}.chip:hover{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:var(--shadow-pink)}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.approach-card{background:var(--cyber-panel);border:1px solid var(--border-neon-cyan);padding:28px;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.approach-number{font-family:var(--font-mono);font-size:.9rem;color:var(--neon-pink);margin-bottom:12px}.approach-card h4{margin:0 0 12px;font-family:var(--font-heading);font-size:1.3rem;color:#fff}.approach-card p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-muted)}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--cyber-panel);border:1px solid var(--border-neon-cyan);padding:50px;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);box-shadow:var(--shadow-cyan)}.contact-info h2{margin:0 0 16px;font-family:var(--font-heading);font-size:2.2rem;color:#fff}.contact-info p{margin:0 0 28px;font-size:1.05rem;line-height:1.6;color:var(--text-muted)}.form-group{margin-bottom:24px}.form-group label{display:block;font-family:var(--font-mono);font-size:.85rem;color:var(--neon-cyan);margin-bottom:10px;letter-spacing:.1em}.form-group input,.form-group textarea{width:100%;padding:16px;background:#0009;border:1px solid var(--border-neon-cyan);color:#fff;font-family:var(--font-mono);outline:none;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--neon-pink);box-shadow:var(--shadow-pink)}.social-link-item{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:#0c0e18b3;border:1px solid var(--border-neon-cyan);color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:all .2s ease}.social-link-item:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--shadow-cyan);transform:translate(4px)}.whatsapp-btn{border-color:#25d36666;color:#25d366;background:#25d36614}.whatsapp-btn:hover{border-color:#25d366;color:#fff;background:#25d366;box-shadow:0 0 20px #25d36680;transform:translate(4px)}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:40px;padding:30px 0;min-height:auto}.hero-card{max-width:480px;margin:0 auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.contact-container{grid-template-columns:1fr;gap:36px;padding:36px 24px}}@media(max-width:768px){.page-shell{padding:12px 16px 60px}.topbar{position:relative;top:0;flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px;clip-path:none;border-radius:12px}.brand-block{justify-content:center}.brand-block strong{font-size:.85rem}.brand-mark{width:32px;height:32px;font-size:.85rem}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:.72rem}.hero-copy h1{font-size:clamp(1.2rem,5.5vw,1.7rem)}.lead{font-size:.88rem}.eyebrow{font-size:.68rem}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.btn-primary,.btn-secondary{width:100%;padding:12px 24px;font-size:.82rem}.section{padding:50px 0}.section-header{margin-bottom:30px}.approach-grid{grid-template-columns:1fr}.approach-card{padding:20px}.approach-card h4{font-size:1rem}.chips-grid{gap:8px}.chip{padding:8px 14px;font-size:.78rem}.project-card{padding:22px}.project-card h3{font-size:1.1rem}.contact-info h2{font-size:1.4rem}}@media(max-width:480px){.page-shell{padding:8px 12px 50px}.hero-copy h1{font-size:clamp(1.1rem,6vw,1.4rem)}.lead{font-size:.82rem}.btn-primary,.btn-secondary{padding:10px 18px;font-size:.78rem;letter-spacing:.05em}.section-header h2{font-size:clamp(1.1rem,5vw,1.4rem)}.chip{padding:6px 12px;font-size:.74rem}.profile-info h3{font-size:1.1rem}.contact-container{padding:24px 16px}.contact-info h2{font-size:1.2rem}}