*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
    --bg:#050505;
    --bg-card:rgba(12,12,20,0.85);
    --bg-card-hover:rgba(20,20,30,0.95);
    --cyan:#00f0ff;
    --magenta:#ff003c;
    --yellow:#fcee0a;
    --cyan-dim:rgba(0,240,255,0.15);
    --magenta-dim:rgba(255,0,60,0.15);
    --text:#f0f0f0;
    --text-muted:#8a94a5;
    --font-display:'Orbitron',sans-serif;
    --font-body:'Rajdhani',sans-serif;
    --font-mono:'Share Tech Mono',monospace;
    --radius:0; /* Cyberpunk is sharp, not rounded */
    --tr:0.3s ease-out;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img,svg{display:block}

/* Selection */
::selection{background:var(--magenta);color:var(--yellow);text-shadow:none;}

/* Scrollbar */
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:#000;border-left:1px solid rgba(0,240,255,0.2);}
::-webkit-scrollbar-thumb{background:var(--cyan);border:1px solid #000;}
::-webkit-scrollbar-thumb:hover{background:var(--magenta);}
/* CRT Overlay */
body::after {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 9999;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

/* PARTICLES */
#particles-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.6}
.cursor-aura{position:fixed;left:0;top:0;width:280px;height:280px;pointer-events:none;z-index:9998;opacity:0;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(0,240,255,0.18),rgba(255,0,60,0.08) 42%,transparent 68%);mix-blend-mode:screen;filter:blur(10px);transition:opacity 0.25s ease;}
.cursor-aura.active{opacity:1;}
.site-frame{position:fixed;inset:18px;z-index:900;pointer-events:none;border:1px solid rgba(0,240,255,0.18);box-shadow:inset 0 0 26px rgba(0,240,255,0.05);}
.frame-corner{position:absolute;width:46px;height:46px;border-color:var(--yellow);}
.frame-tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid;}
.frame-tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid;}
.frame-bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid;}
.frame-br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid;}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,0,60,0.08),transparent 28%,rgba(0,240,255,0.08) 58%,transparent 78%),linear-gradient(180deg,rgba(252,238,10,0.04),transparent 35%);opacity:0.8;}

/* UTILITIES */
.text-gradient{background:linear-gradient(135deg,var(--cyan),var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent; text-shadow: 0 0 20px rgba(0,240,255,0.4);}
.highlight-cyan{color:var(--cyan);text-shadow:0 0 5px var(--cyan);}
.highlight-magenta{color:var(--magenta);text-shadow:0 0 5px var(--magenta);}
.highlight-yellow{color:var(--yellow);text-shadow:0 0 5px var(--yellow);}
.section-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.section-header{text-align:center;margin-bottom:70px;position:relative;}
.section-header::before{content:'';position:absolute;left:50%;bottom:-24px;width:min(440px,80vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--magenta),var(--yellow),var(--cyan),transparent);}
.section-header::after{content:'// SIGNAL VERIFIED';position:absolute;left:50%;bottom:-39px;transform:translateX(-50%);font-family:var(--font-mono);font-size:0.62rem;letter-spacing:3px;color:rgba(255,255,255,0.35);}

/* Cyberpunk Section Tag */
.section-tag{
    display:inline-block;
    font-family:var(--font-mono);
    font-size:1rem;
    color:var(--bg);
    background:var(--yellow);
    padding:4px 12px;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:20px;
    font-weight:bold;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    box-shadow: 4px 4px 0px var(--magenta);
}
.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:2px;text-transform:uppercase;position:relative;text-shadow:0 0 30px rgba(0,240,255,0.1);}

/* NAVBAR */
.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;background:transparent;transition:background var(--tr),padding var(--tr);border-bottom:1px solid transparent;}
.navbar.scrolled{background:rgba(5,5,5,0.95);backdrop-filter:blur(10px);padding:15px 0;border-bottom:1px solid var(--cyan);box-shadow:0 5px 20px rgba(0,240,255,0.1);}
.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:var(--font-display);font-size:1.6rem;font-weight:900;letter-spacing:3px;position:relative;}
.logo-text{color:var(--text);text-shadow:2px 2px 0px var(--magenta);}
.logo-accent{color:var(--yellow);font-size:2rem;}
.nav-links{display:flex;gap:40px}
.nav-links a{font-family:var(--font-mono);font-size:1rem;letter-spacing:2px;text-transform:uppercase;color:var(--text);transition:color var(--tr);position:relative;font-weight:600;}
.nav-links a::before{content:'>';position:absolute;left:-15px;color:var(--magenta);opacity:0;transition:opacity 0.2s;font-weight:bold;}
.nav-links a:hover{color:var(--cyan);text-shadow:0 0 8px var(--cyan);}
.nav-links a:hover::before{opacity:1;}
.nav-links a.active{color:var(--yellow);text-shadow:0 0 10px rgba(252,238,10,0.55);}
.nav-links a.active::before{opacity:1;color:var(--cyan);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:6px}
.nav-toggle span{display:block;width:30px;height:3px;background:var(--cyan);transition:var(--tr);box-shadow:0 0 5px var(--cyan);}

/* HERO */
.hero{position:relative;width:100%;height:100vh;min-height:760px;display:flex;align-items:center;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 0 55%,rgba(0,240,255,0.08) 55.2%,transparent 55.8%),linear-gradient(72deg,transparent 0 69%,rgba(255,0,60,0.1) 69.2%,transparent 69.8%);}
.hero-video-wrap{position:absolute;inset:0;z-index:0;}
.hero-video{width:100%;height:100%;object-fit:cover;filter: contrast(1.2) saturate(1.2);}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,5,5,0.95) 0%, rgba(5,5,5,0.72) 43%, rgba(5,5,5,0.22) 72%, rgba(5,5,5,0.86) 100%), radial-gradient(circle at 76% 44%, transparent 0%, rgba(5,5,5,0.35) 42%, #050505 100%);}
.hero-scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,0.03) 2px,rgba(0,240,255,0.03) 4px)}
.hero-grid{position:absolute;left:0;right:0;bottom:-1px;height:42%;pointer-events:none;background-image:linear-gradient(rgba(252,238,10,0.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,0.16) 1px,transparent 1px);background-size:60px 34px;transform:perspective(480px) rotateX(64deg);transform-origin:bottom;opacity:0.28;mask-image:linear-gradient(to top,#000,transparent);}
.hero-content{position:relative;z-index:2;padding:0 clamp(24px,5vw,80px);max-width:860px;margin-top:50px;}

.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:var(--yellow);font-family:var(--font-mono);font-size:0.85rem;letter-spacing:3px;color:#000;font-weight:bold;margin-bottom:30px;clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);box-shadow:0 0 15px rgba(252,238,10,0.5),8px 8px 0 rgba(255,0,60,0.55);}
.badge-dot{width:8px;height:8px;background:#000;animation:blink 1s steps(2) infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

.hero-title{font-family:var(--font-display);font-size:clamp(3.2rem,8vw,6.4rem);font-weight:900;line-height:0.94;letter-spacing:4px;margin-bottom:18px;text-transform:uppercase;text-shadow:0 0 40px rgba(0,240,255,0.14);}
.hero-title-sub{font-size:clamp(2rem,6vw,4rem);color:var(--text);-webkit-text-stroke: 2px var(--cyan);color:transparent;text-shadow: 4px 4px 0px var(--magenta);}
.hero-subtitle{font-family:var(--font-mono);font-size:1.4rem;color:var(--yellow);font-weight:600;margin-bottom:40px;letter-spacing:2px;min-height:2em;text-shadow:0 0 10px rgba(252,238,10,0.4);background:linear-gradient(90deg,rgba(0,0,0,0.72),rgba(0,240,255,0.08));display:inline-block;padding:8px 18px;border-left:4px solid var(--cyan);box-shadow:inset 0 -1px 0 rgba(0,240,255,0.35);}
.typing-cursor{color:var(--text);animation:cursor-blink .8s step-end infinite;font-weight:900}

/* Cyberpunk Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;padding:18px 40px;border:none;cursor:pointer;transition:all var(--tr);position:relative;overflow:visible; z-index: 1;}
.btn-primary{background:var(--yellow);color:#000;clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);}
.btn-primary:hover{background:var(--cyan);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,240,255,0.4);}
.btn-primary::after{content:'_'; position:absolute; bottom:5px; right:10px; font-family:var(--font-mono); animation: blink 1s infinite;}

.btn-outline{background:transparent;color:var(--cyan);border:2px solid var(--cyan);clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));}
.btn-outline:hover{background:rgba(0,240,255,0.1);box-shadow:inset 0 0 20px rgba(0,240,255,0.5), 0 0 20px rgba(0,240,255,0.2);text-shadow: 0 0 5px var(--cyan);}

.hero-cta-group{display:flex;flex-wrap:wrap;gap:24px;align-items:center}

/* Glitch Effect */
.glitch{position:relative;display:inline-block;color:var(--text);}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:transparent;}
.glitch::before{left:3px;text-shadow:-2px 0 var(--magenta);animation:glitch-anim-1 2.5s infinite linear alternate-reverse;clip-path:polygon(0 0, 100% 0, 100% 45%, 0 45%);}
.glitch::after{left:-3px;text-shadow:-2px 0 var(--cyan);animation:glitch-anim-2 3s infinite linear alternate-reverse;clip-path:polygon(0 55%, 100% 55%, 100% 100%, 0 100%);}
@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}100%{clip-path:inset(30% 0 20% 0)}}
@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(30% 0 20% 0)}40%{clip-path:inset(70% 0 10% 0)}60%{clip-path:inset(20% 0 50% 0)}80%{clip-path:inset(50% 0 30% 0)}100%{clip-path:inset(5% 0 80% 0)}}

/* Hero Stats Cyberpunk Style */
.hero-stats{display:flex;gap:28px;margin-top:40px;padding-top:30px;border-top:1px dashed rgba(255,255,255,0.2);position:relative;}
.hero-stats::before{content:'SYS.STATS //';position:absolute;top:-10px;left:0;background:var(--bg);padding:0 10px;color:var(--magenta);font-family:var(--font-mono);font-size:0.8rem;}
.hero-stat{text-align:left;position:relative;padding:12px 18px 10px 0;min-width:140px;}
.hero-stat::after{content:'';position:absolute;right:0;top:16px;bottom:16px;width:1px;background:linear-gradient(to bottom,transparent,var(--cyan),transparent);opacity:0.45;}
.hero-stat:last-child::after{display:none;}
.hero-stat-num{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--text);text-shadow:2px 2px 0 var(--cyan), -2px -2px 0 var(--magenta);}
.hero-stat-plus{font-family:var(--font-display);font-size:1.5rem;color:var(--yellow);font-weight:900;}
.hero-stat-label{display:block;font-family:var(--font-mono);font-size:0.8rem;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-top:5px;}
.hero-command-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:2px;color:var(--text);text-transform:uppercase;}
.hero-command-strip span{padding:7px 12px;background:rgba(0,240,255,0.08);border:1px solid rgba(0,240,255,0.22);border-left:2px solid var(--yellow);clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);}
/* ABOUT SECTION */
.about-section{padding:140px 0;position:relative;background:linear-gradient(to bottom, #050505, #0a0a0f);}
.about-section::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,0.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}

/* Cyber Cards */
.about-text-card,.skills-card{
    position:relative;
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,240,255,0.12),transparent 34%),linear-gradient(145deg,rgba(12,12,20,0.92),rgba(5,5,8,0.82));
    padding:40px;
    border:1px solid rgba(0,240,255,0.2);
    border-left:4px solid var(--cyan);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
    box-shadow: inset 0 0 30px rgba(0,0,0,0.8);
    transition:all var(--tr);
    z-index: 1;
}
.about-text-card::before, .skills-card::before{
    content:'ID_492';
    position:absolute;
    bottom:10px;
    right:20px;
    color:rgba(255,255,255,0.1);
    font-family:var(--font-mono);
    font-size:0.8rem;
}
.about-text-card::after,.skills-card::after{content:'';position:absolute;left:22px;right:22px;top:18px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent,var(--magenta));opacity:0.45;pointer-events:none;}
.about-text-card:hover,.skills-card:hover{
    border-left-color:var(--magenta);
    box-shadow: inset 0 0 30px rgba(255,0,60,0.1), 0 10px 30px rgba(0,0,0,0.5);
    transform:translateY(-5px);
}
/* Cyber Profile Data Grid */
.cyber-profile{display:flex;flex-direction:column;gap:20px;}
.profile-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,0.3);padding-bottom:15px;margin-bottom:10px;}
.profile-id{font-family:var(--font-display);font-size:1.2rem;font-weight:900;color:var(--text);letter-spacing:2px;}
.profile-status{font-family:var(--font-mono);font-size:0.9rem;font-weight:bold;letter-spacing:3px;animation:blink 2s infinite;}
.profile-data{display:grid;grid-template-columns:1fr;gap:15px;background:rgba(0,0,0,0.5);padding:20px;border-left:2px solid var(--magenta);}
.data-row{display:flex;flex-direction:column;gap:4px;}
.data-label{font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;}
.data-value{font-family:var(--font-mono);font-size:1.05rem;font-weight:bold;}
.about-text{font-size:1rem;color:var(--text);line-height:1.8;text-shadow:0 2px 4px rgba(0,0,0,0.8);border-left:2px solid var(--cyan);padding-left:15px;margin-top:10px;background:rgba(0,240,255,0.05);}
.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;}
.profile-metric{position:relative;min-height:78px;padding:14px 10px;background:linear-gradient(180deg,rgba(255,0,60,0.08),rgba(0,240,255,0.04));border:1px solid rgba(255,255,255,0.12);border-bottom:2px solid var(--magenta);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
.profile-metric::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent,var(--yellow));}
.metric-value{font-family:var(--font-display);font-size:1.55rem;font-weight:900;color:var(--yellow);line-height:1;text-shadow:2px 2px 0 rgba(255,0,60,0.45);}
.metric-label{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:1.5px;color:var(--text-muted);margin-top:8px;text-transform:uppercase;}
/* Decrypt Text Effect */
.decrypt-text{font-family:var(--font-mono);transition:all 0.3s ease;word-wrap:break-word;cursor:default;}
.decrypt-text.scrambled{color:#0f0;text-shadow:0 0 5px #0f0, 0 0 10px #0f0;animation:crt-flicker 0.15s infinite;}
@keyframes crt-flicker{0%{opacity:0.9;text-shadow:0 0 5px #0f0, 0 0 10px #0f0;}50%{opacity:0.8;text-shadow:0 0 2px #0f0, 0 0 15px #0f0;}100%{opacity:1;text-shadow:0 0 5px #0f0, 0 0 10px #0f0;}}
.skills-heading{font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:4px;color:var(--yellow);margin-bottom:30px;border-bottom:1px solid rgba(252,238,10,0.2);padding-bottom:10px;}

/* Radar Chart - Cyberpunk Style */
.radar-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;}
#radar-chart{max-width:100%;height:auto;filter:drop-shadow(0 0 10px rgba(0,240,255,0.2));}
.skill-clusters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;}
.skill-cluster{position:relative;background:rgba(0,240,255,0.04);border:1px solid rgba(0,240,255,0.18);border-left:2px solid var(--cyan);padding:16px 14px 14px;clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);}
.skill-cluster:hover{border-color:var(--cyan);box-shadow:inset 0 0 18px rgba(0,240,255,0.08),0 0 14px rgba(0,240,255,0.1);}
.cluster-label{display:block;font-family:var(--font-mono);font-size:0.68rem;color:var(--yellow);letter-spacing:2px;margin-bottom:10px;text-transform:uppercase;}
.skill-tags{display:flex;flex-wrap:wrap;gap:8px}
.skill-tag-sm{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;background:rgba(255,0,60,0.1);border:1px solid var(--magenta);color:var(--text);transition:all var(--tr);clip-path:polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);}
.skill-tag-sm:hover{background:var(--magenta);color:#fff;box-shadow:0 0 15px var(--magenta);transform:scale(1.05);}

@media(max-width:560px){
    .skill-clusters{grid-template-columns:1fr;}
}

/* PROJECTS */
.projects-section{padding:120px 0 150px;position:relative;background:linear-gradient(180deg,#050505,#08070c 48%,#050505);}
.projects-section::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,0,60,0.08) 1px,transparent 1px),linear-gradient(rgba(0,240,255,0.05) 1px,transparent 1px);background-size:80px 80px,80px 80px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);pointer-events:none;}
/* CYBERPUNK HUD DATAPAD PROJECTS */
.cyber-projects-grid{display:flex;flex-direction:column;gap:50px;max-width:1000px;margin:0 auto;}
.cyber-project{display:flex;gap:40px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,240,255,0.12),transparent 34%),linear-gradient(135deg,rgba(5,5,10,0.86),rgba(12,6,16,0.62));border:1px solid rgba(0,240,255,0.18);border-top:2px solid rgba(252,238,10,0.32);padding:34px;transition:all 0.4s ease;box-shadow:inset 0 0 30px rgba(0,0,0,0.8),0 22px 60px rgba(0,0,0,0.22);clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 26px 100%, 0 calc(100% - 26px));}
.cyber-project::before{content:'';position:absolute;left:0;top:0;width:42%;height:3px;background:linear-gradient(90deg,var(--yellow),var(--magenta),transparent);opacity:0.95;}
.cyber-project::after{content:'';position:absolute;inset:auto 28px 18px auto;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));opacity:0.6;}
.cyber-project:hover{border-color:var(--cyan);box-shadow:0 0 28px rgba(0,240,255,0.14), inset 0 0 24px rgba(0,240,255,0.08),0 26px 70px rgba(0,0,0,0.36);transform:translateX(10px);}
.cyber-project.reverse{flex-direction:row-reverse;}
.cyber-project.reverse:hover{transform:translateX(-10px);}
.project-index{position:absolute;top:14px;right:18px;z-index:4;font-family:var(--font-display);font-size:0.85rem;font-weight:900;letter-spacing:3px;color:#000;background:var(--yellow);padding:5px 10px;box-shadow:4px 4px 0 rgba(255,0,60,0.6);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}

.cyber-project-image{flex:0 0 45%;position:relative;aspect-ratio:16/10;overflow:hidden;clip-path:polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);border:1px solid var(--magenta);box-shadow:0 0 24px rgba(255,0,60,0.12);}
.project-img{width:100%;height:100%;object-fit:cover;filter:grayscale(80%) contrast(1.2) brightness(0.8) sepia(50%) hue-rotate(180deg);transition:all 0.5s ease;}
.cyber-project:hover .project-img{filter:grayscale(0%) contrast(1.1) brightness(1) sepia(0%) hue-rotate(0deg);transform:scale(1.05);}

.image-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.3) 2px,rgba(0,0,0,0.3) 4px);pointer-events:none;z-index:2;}
.image-corner{position:absolute;width:30px;height:30px;border:3px solid var(--cyan);z-index:3;pointer-events:none;transition:all 0.3s;}
.top-left{top:10px;left:10px;border-right:none;border-bottom:none;}
.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none;}
.cyber-project:hover .image-corner{width:40px;height:40px;border-color:var(--magenta);}

.project-hud-badge{position:absolute;bottom:15px;left:15px;background:rgba(0,0,0,0.8);color:var(--yellow);font-family:var(--font-mono);font-size:0.7rem;padding:4px 10px;border-left:2px solid var(--yellow);z-index:3;letter-spacing:2px;font-weight:bold;text-transform:uppercase;}

.cyber-project-data{flex:1;display:flex;flex-direction:column;gap:15px;}
.data-header{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px;}
.data-date{font-family:var(--font-mono);font-size:0.8rem;color:var(--cyan);letter-spacing:2px;}
.data-title{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--text);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0 rgba(255,0,60,0.3);}
.data-desc{font-size:1rem;color:var(--text-muted);line-height:1.6;}
.data-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.tech-node{font-family:var(--font-mono);font-size:0.7rem;color:var(--bg);background:var(--text);padding:4px 10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;}
.project-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:2px;}
.project-readouts span{display:flex;align-items:center;justify-content:center;min-height:34px;padding:6px 8px;background:rgba(0,0,0,0.34);border:1px solid rgba(0,240,255,0.16);font-family:var(--font-mono);font-size:0.66rem;letter-spacing:1.6px;color:var(--cyan);text-align:center;text-transform:uppercase;}

.data-actions{display:flex;flex-wrap:wrap;gap:12px;}
.cyber-action-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:0.85rem;color:var(--magenta);border:1px solid var(--magenta);padding:10px 20px;text-transform:uppercase;letter-spacing:2px;font-weight:bold;transition:all 0.3s;width:max-content;background:transparent;cursor:pointer;}
.cyber-action-btn:hover{background:var(--magenta);color:#fff;box-shadow:0 0 15px rgba(255,0,60,0.5);}
.cyber-action-btn.highlight{color:var(--cyan);border-color:var(--cyan);}
.cyber-action-btn.highlight:hover{background:var(--cyan);color:#000;box-shadow:0 0 15px rgba(0,240,255,0.5);}

@media(max-width:900px){
    .cyber-project, .cyber-project.reverse{flex-direction:column;gap:20px;}
    .cyber-project-image{width:100%;}
    .cyber-project:hover, .cyber-project.reverse:hover{transform:translateY(-5px);}
}

/* EXPERIENCE */
.experience-section{padding:120px 0;position:relative;background:linear-gradient(to top, #050505, #0a0a0f);}
.experience-section::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 22px,rgba(255,0,60,0.035) 22px 23px),linear-gradient(180deg,transparent,rgba(0,240,255,0.05),transparent);pointer-events:none;}
/* CORPORATE CONTRACTS (BOUNTY BOARD) */
.bounty-board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1000px;margin:0 auto;position:relative;z-index:2;}
.bounty-card{position:relative;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(252,238,10,0.1),transparent 34%),rgba(5,5,10,0.8);border:1px solid rgba(0,240,255,0.3);padding:30px;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor:pointer;overflow:hidden;clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));}
.bounty-card::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,240,255,0.03) 5px,rgba(0,240,255,0.03) 10px);pointer-events:none;}
.bounty-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,0.8), inset 0 0 20px rgba(0,240,255,0.2);border-color:var(--cyan);z-index:10;background:rgba(15,10,20,0.95);}
.bounty-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px;}
.bounty-year{font-family:var(--font-mono);color:var(--yellow);font-size:0.9rem;letter-spacing:2px;font-weight:bold;text-shadow:0 0 5px rgba(252,238,10,0.5);}
.bounty-status{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:2px;padding:4px 10px;text-transform:uppercase;font-weight:bold;animation:blink 2s infinite;}
.status-complete{color:var(--cyan);background:rgba(0,240,255,0.1);border:1px solid var(--cyan);box-shadow:0 0 10px rgba(0,240,255,0.3);}
.status-archived{color:var(--text-muted);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2);animation:none;}

.bounty-code{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--text);letter-spacing:2px;margin-bottom:0;transition:all 0.3s;}
.bounty-card:hover .bounty-code{color:var(--magenta);text-shadow:2px 2px 0px rgba(0,240,255,0.8);animation:glitch-anim-1 0.2s infinite;}

.bounty-debrief{max-height:0;opacity:0;overflow:hidden;transition:all 0.5s ease-in-out;margin-top:0;}
.bounty-card:hover .bounty-debrief{max-height:500px;opacity:1;margin-top:25px;}

.debrief-title{font-family:var(--font-mono);font-size:0.85rem;color:var(--cyan);letter-spacing:3px;margin-bottom:15px;text-transform:uppercase;}
.debrief-list{list-style:none;padding-left:15px;border-left:2px solid var(--magenta);}
.debrief-list li{font-size:0.95rem;color:var(--text);line-height:1.6;margin-bottom:12px;position:relative;}
.debrief-list li::before{content:'>';position:absolute;left:-20px;top:0;color:var(--yellow);font-family:var(--font-mono);font-weight:bold;text-shadow:0 0 5px var(--yellow);}

/* EDUCATION */
/* BIOMETRIC CLEARANCE BADGE (EDUCATION) */
.education-section{padding:90px 0 130px;position:relative;perspective:1000px;background:linear-gradient(180deg,#050505,#070b0d);}
.education-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,60,0.04) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 74%);pointer-events:none;}
.bio-card-wrapper{display:flex;justify-content:center;align-items:center;padding:40px 20px;transform-style:preserve-3d;}
.biometric-card{
    position:relative;
    width:100%;
    max-width:500px;
    background:rgba(10,15,20,0.85);
    border:2px solid var(--cyan);
    border-radius:15px;
    padding:30px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.8), inset 0 0 30px rgba(0,240,255,0.1);
    backdrop-filter:blur(10px);
    transform:rotateY(-15deg) rotateX(5deg);
    transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transform-style:preserve-3d;
    overflow:hidden;
}
.biometric-card:hover{
    transform:rotateY(0deg) rotateX(0deg) scale(1.05) translateY(-10px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.9), inset 0 0 50px rgba(0,240,255,0.3), 0 0 20px var(--cyan);
}
.scanner-beam{
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:20px;
    background:linear-gradient(to bottom, transparent, var(--cyan), transparent);
    box-shadow:0 0 20px var(--cyan);
    opacity:0;
    z-index:10;
    pointer-events:none;
}
.biometric-card:hover .scanner-beam{
    animation:scan 2s linear infinite;
    opacity:1;
}
@keyframes scan{
    0%{top:-10%;}
    100%{top:110%;}
}
.bio-bg-wireframe{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(0,240,255,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,240,255,0.05) 1px, transparent 1px);
    background-size:20px 20px;
    opacity:0;
    transition:opacity 0.3s;
    pointer-events:none;
}
.biometric-card:hover .bio-bg-wireframe{opacity:1;}

.bio-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--magenta);padding-bottom:15px;margin-bottom:25px;}
.bio-logo{color:var(--magenta);filter:drop-shadow(0 0 5px var(--magenta));}
.bio-id{font-family:var(--font-mono);font-size:1.2rem;font-weight:bold;color:var(--text);letter-spacing:3px;}

.bio-content{display:flex;gap:20px;margin-bottom:30px;align-items:center;}
.bio-avatar{
    width:100px;
    height:100px;
    background:rgba(255,0,60,0.1);
    border:2px dashed var(--magenta);
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    overflow:hidden;
    flex-shrink:0;
}
.bio-qr{
    width:70%;
    height:70%;
    background:repeating-linear-gradient(0deg, var(--magenta), var(--magenta) 2px, transparent 2px, transparent 4px),
               repeating-linear-gradient(90deg, var(--magenta), var(--magenta) 2px, transparent 2px, transparent 4px);
    opacity:0.8;
}
.biometric-card:hover .bio-avatar{border-style:solid;box-shadow:0 0 15px var(--magenta);}
.biometric-card:hover .bio-qr{animation:glitch-anim-1 0.2s infinite;}

.bio-details{flex:1;display:flex;flex-direction:column;gap:12px;}
.bio-row{display:flex;flex-direction:column;gap:2px;}
.bio-label{font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);letter-spacing:2px;}
.bio-value{font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
.highlight-cyan{color:var(--cyan);text-shadow:0 0 5px var(--cyan);}
.highlight-magenta{color:var(--magenta);text-shadow:0 0 5px var(--magenta);}
.highlight-yellow{color:var(--yellow);text-shadow:0 0 5px var(--yellow);}

.bio-footer{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;}
.bio-barcode{
    height:30px;
    width:100%;
    background:repeating-linear-gradient(90deg, 
        var(--text) 0, var(--text) 2px, transparent 2px, transparent 4px,
        var(--text) 4px, var(--text) 8px, transparent 8px, transparent 10px,
        var(--text) 10px, var(--text) 12px, transparent 12px, transparent 18px);
    opacity:0.5;
}
.biometric-card:hover .bio-barcode{opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,0.5));}

@media (max-width:768px){
    .bio-content{flex-direction:column;align-items:flex-start;}
    .biometric-card{transform:rotateY(0) rotateX(0);}
}

/* CTA SECTION */
.cta-section{position:relative;padding:140px 24px;text-align:center;overflow:hidden;background:#030303; border-top:1px solid rgba(252,238,10,0.3);}
.cta-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(252,238,10,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(252,238,10,0.05) 1px,transparent 1px);background-size:50px 50px}
.cta-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.3}
.cta-glow-1{width:600px;height:600px;top:-200px;left:-200px;background:var(--yellow)}
.cta-glow-2{width:500px;height:500px;bottom:-200px;right:-200px;background:var(--cyan)}
.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,240,255,0.1),transparent 38%),rgba(0,0,0,0.64);padding:60px;border:1px solid rgba(255,255,255,0.1);border-top:3px solid var(--yellow);backdrop-filter:blur(5px);clip-path:polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));box-shadow:0 28px 80px rgba(0,0,0,0.45),inset 0 0 34px rgba(0,240,255,0.06);}
.cta-tagline{font-family:var(--font-mono);font-size:1rem;font-weight:bold;letter-spacing:5px;text-transform:uppercase;color:var(--cyan);display:block;margin-bottom:20px}
.cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;letter-spacing:4px;margin-bottom:20px;text-transform:uppercase;color:var(--text);text-shadow: 3px 3px 0 var(--magenta), -3px -3px 0 var(--cyan);}
.cta-desc{color:var(--text);font-size:1.2rem;margin-bottom:40px;text-transform:uppercase;letter-spacing:1px;}

/* TERMINAL CONTACT FORM */
.terminal-form-container{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,0,60,0.1),transparent 38%),#0a0a0c;border:1px solid rgba(0,240,255,0.22);border-top:24px solid #222;border-radius:6px;max-width:600px;margin:0 auto 40px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.8), 0 0 20px rgba(0,240,255,0.14);text-align:left;}
.terminal-header{position:absolute;top:-24px;left:0;width:100%;height:24px;display:flex;align-items:center;padding:0 10px;}
.term-dots{display:flex;gap:6px;}
.term-dot{width:12px;height:12px;border-radius:50%;}
.term-dot.close{background:#ff5f56;}
.term-dot.minimize{background:#ffbd2e;}
.term-dot.maximize{background:#27c93f;}
.term-title{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:0.75rem;color:#888;letter-spacing:1px;}
.terminal-form{padding:30px;}
.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:5px;}
.term-prompt{font-family:var(--font-mono);font-size:0.95rem;color:var(--text);letter-spacing:1px;}
.prompt-user{color:#27c93f;}
.prompt-dir{color:#3b8eea;}
.term-input{background:transparent;border:none;border-bottom:1px dashed #444;font-family:var(--font-mono);font-size:1rem;color:var(--cyan);padding:8px 0;outline:none;transition:all 0.3s;caret-color:var(--cyan);}
.term-input:focus{border-bottom:1px solid var(--cyan);box-shadow:0 5px 10px -5px rgba(0,240,255,0.2);}
.term-input::placeholder{color:rgba(0,240,255,0.3);}
.term-textarea{resize:vertical;min-height:80px;}
.term-submit{background:transparent;border:none;font-family:var(--font-mono);font-size:1.1rem;color:var(--magenta);cursor:pointer;padding:10px 0;text-transform:uppercase;font-weight:bold;letter-spacing:2px;display:flex;align-items:center;gap:10px;transition:all 0.3s;}
.term-submit:hover{color:var(--yellow);text-shadow:0 0 10px rgba(252,238,10,0.5);}
.blink-cursor{display:inline-block;width:10px;height:18px;background:var(--magenta);animation:blink 1s step-end infinite;}
.term-submit:hover .blink-cursor{background:var(--yellow);}
.form-status{font-family:var(--font-mono);font-size:0.9rem;margin-top:15px;letter-spacing:1px;display:none;animation:glitch-anim-1 0.3s forwards;}
.form-status.success{display:block;color:#27c93f;text-shadow:0 0 5px #27c93f;}
.form-status.error{display:block;color:#ff5f56;text-shadow:0 0 5px #ff5f56;}

.cta-socials{display:flex;justify-content:center;gap:20px}
.social-btn{width:56px;height:56px;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;color:var(--text);transition:all var(--tr);clip-path:polygon(25% 0%, 100% 0%, 100% 75%, 75% 100%, 0% 100%, 0% 25%);}
.social-btn:hover{color:#000;background:var(--yellow);border-color:var(--yellow);transform:translateY(-5px) scale(1.1);box-shadow:0 10px 20px rgba(252,238,10,0.4);}

/* FOOTER */
.footer{background:rgba(5,5,10,0.95);border-top:2px solid var(--magenta);padding:30px 0;position:relative;z-index:1;overflow:hidden;box-shadow:inset 0 10px 20px rgba(255,0,60,0.1);}
.footer::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,0,60,0.05) 10px,rgba(255,0,60,0.05) 20px);pointer-events:none;}
.footer-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2;}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.footer-logo{font-family:var(--font-mono);font-size:1.2rem;font-weight:900;letter-spacing:3px;color:var(--text-muted);}
.logo-accent{color:var(--cyan);text-shadow:0 0 10px var(--cyan);}
.footer-legal{font-family:var(--font-mono);font-size:0.85rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;}

/* Animations */
.fade-up{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.1, 1, 0.3, 1), transform 0.8s cubic-bezier(0.1, 1, 0.3, 1);}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* Staggered reveal */
.cyber-project:nth-child(1){transition-delay:0.1s}
.cyber-project:nth-child(2){transition-delay:0.2s}
.cyber-project:nth-child(3){transition-delay:0.3s}
.timeline-item:nth-child(1) .timeline-content{transition-delay:0.1s}
.timeline-item:nth-child(2) .timeline-content{transition-delay:0.2s}

/* Scroll indicator */
.scroll-indicator{position:absolute;bottom:40px;right:50px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--font-mono);font-size:0.75rem;letter-spacing:4px;text-transform:uppercase;color:var(--text);font-weight:bold;}
.scroll-line{width:2px;height:60px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:scroll-anim 1.5s ease-in-out infinite}
@keyframes scroll-anim{0%,100%{opacity:0.3;transform:scaleY(0.5);transform-origin:top;}50%{opacity:1;transform:scaleY(1);transform-origin:top;}}

/* Responsive */
@media(max-width:900px){
    .about-grid{grid-template-columns:1fr}

    .hero-stats{gap:20px; flex-wrap:wrap;}
    .timeline{padding-left:40px}
    .timeline-marker{left:-30px}
}
@media(max-width:600px){
    .nav-links{display:none;position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:rgba(5,5,5,0.98);backdrop-filter:blur(10px);padding:30px 24px;gap:20px;border-bottom:2px solid var(--magenta);}
    .nav-links.active{display:flex}
    .nav-toggle{display:flex}
    .hero-title{font-size:3rem;}
    .hero-title-sub{font-size:2rem;}
    .hero-cta-group{flex-direction:column;align-items:stretch;}
    .btn{width:100%;}
    .hero-stats{flex-direction:column;gap:20px}
    .scroll-indicator{display:none}
    .footer-inner{flex-direction:column;gap:15px;text-align:center}

}

@media(max-width:1100px){
    .hero{min-height:720px;}
    .hero-content{max-width:920px;}
}

@media(min-width:1101px){
    .hero-content{max-width:min(820px,calc(100% - 480px));}
}

@media(max-width:768px){
    .site-frame,.cursor-aura{display:none;}
    .hero{min-height:780px;align-items:flex-start;padding-top:120px;}
    .hero-content{margin-top:0;}
    .hero-command-strip{display:grid;grid-template-columns:1fr;}
    .profile-metrics{grid-template-columns:1fr;}
    .project-readouts{grid-template-columns:1fr;}
    .cyber-project{padding:24px 18px 26px;}
    .project-index{top:10px;right:12px;}
    .bounty-debrief{max-height:none;opacity:1;margin-top:22px;}
    .cta-content{padding:34px 22px;}
    .terminal-form{padding:24px 18px;}
}

@media(max-width:420px){
    .section-container{padding:0 18px;}
    .hero-title{font-size:2.65rem;letter-spacing:2px;}
    .hero-title-sub{font-size:1.85rem;-webkit-text-stroke:1px var(--cyan);}
    .hero-subtitle{font-size:1rem;width:100%;}
    .hero-stat{min-width:100%;padding-right:0;}
    .hero-stat::after{display:none;}
    .cyber-action-btn{width:100%;justify-content:center;padding:10px 14px;font-size:0.78rem;}
    .project-hud-badge{font-size:0.58rem;left:10px;bottom:10px;}
    .bio-card-wrapper{padding:20px 0;}
    .biometric-card{padding:22px 18px;}
}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0.01ms!important;}
    .hero-video{display:none;}
}