:root{--bg: #000000;--bg-card: #0a0a0a;--text: #ffffff;--text-muted: #888888;--border: rgba(255, 255, 255, .1);--primary: #c0c0c0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}html,body{width:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#eclipse-bg{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vw;background:radial-gradient(circle,#ffffff05,#0000 60%);border-radius:50%;z-index:-3;pointer-events:none}#canvas-container{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;height:auto;z-index:99;pointer-events:none;overflow:hidden}#cloud-container{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;height:auto;z-index:-2;pointer-events:none;overflow:hidden}#sky-gradient{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;height:auto;background:linear-gradient(to bottom,#054b6c,#92b6c9);z-index:-3}.global-border{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;height:auto;background-image:url(/assets/border-DYGXUdCW.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:9999;pointer-events:none}.noise-overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;height:auto;background-image:url(/assets/noise-Ba3IuFJ2.webp);background-repeat:repeat;opacity:.08;z-index:9997;pointer-events:none}.crt-overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;height:auto;z-index:9998;pointer-events:none;background:linear-gradient(#0000 50%,#00000026 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;opacity:.8;animation:crtFlicker .15s infinite}@keyframes crtFlicker{0%{opacity:.75}50%{opacity:.85}to{opacity:.75}}.scan-bar{position:fixed;top:0;left:0;width:100%;height:30px;background:#ffffff0d;box-shadow:0 0 40px #ffffff1a;z-index:9998;pointer-events:none;animation:scanbar 6s linear infinite}@keyframes scanbar{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}body{transition:background-color .1s ease}#app{position:relative}.container{width:90%;max-width:1200px;margin:0 auto}.section{padding:15vh 0;position:relative}.navbar{position:fixed;top:0;left:0;width:100%;height:52px;display:flex;align-items:center;justify-content:center;z-index:100;background:#0a0e14d1;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(80,140,200,.35);box-shadow:0 1px #50a0ff14}.nav-logo-slot{width:60px;height:52px;display:flex;align-items:center;justify-content:center;pointer-events:none}.nav-links{display:flex;gap:28px;align-items:center;justify-content:flex-end}.nav-links a{color:#ffffffa6;text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.04em;transition:color .25s}.nav-links a:hover{color:#fff}.nav-btn{color:#ffffffd9!important;text-decoration:none;border:1px solid rgba(80,160,255,.4);padding:6px 16px;font-size:.78rem;border-radius:30px;transition:all .25s;background:#508cdc1a}.nav-btn:hover{background:#50a0ff40;border-color:#50a0ffb3;color:#fff!important}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:5;position:relative}.hero-bg-text{position:absolute;top:10vh;left:0;width:100%;font-family:var(--font-sans);font-size:11vw;font-weight:700;line-height:1.2;padding-top:.2em;letter-spacing:-.01em;text-align:center;text-transform:uppercase;color:#ffffffb8;white-space:nowrap;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.18)}.hero-title{font-family:Syncopate,sans-serif;font-size:10vw;text-transform:uppercase;font-weight:700;line-height:.9;letter-spacing:-.02em;color:var(--text);margin-bottom:0}.hero-subtitle-cyber{font-size:1.5vw;color:var(--primary);text-transform:uppercase;letter-spacing:.4em;font-weight:600;margin-top:10px}.hero-title .solid{color:#fff}.hero-title .outline{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.5);margin-left:10vw}.hero-bottom-text{position:absolute;bottom:-15vh;left:5%;text-align:left;max-width:400px}.hero-subtitle{font-family:Share Tech Mono,Courier New,monospace;font-size:.8rem;color:#000;font-weight:400;line-height:1.6;text-shadow:none}.scroll-down{position:absolute;bottom:5vh;left:5%;display:flex;align-items:center;gap:15px}.scroll-down span{font-size:.85rem;color:#000;font-weight:600}.scroll-down .line{width:40px;height:1px;background:#0003;position:relative;overflow:hidden}.scroll-down .line:after{content:"";position:absolute;top:0;left:0;width:50%;background:#000;animation:scroll-line-horiz 2s cubic-bezier(.77,0,.175,1) infinite}@keyframes scroll-line-horiz{0%{transform:translate(-100%)}to{transform:translate(200%)}}.section-header{margin-bottom:80px}.section-header h2{font-size:3.5rem;font-weight:600;letter-spacing:-.03em;margin-bottom:15px}.section-desc{font-size:1.2rem;color:var(--text-muted);max-width:600px}.filters-minimal{display:flex;gap:20px;margin-bottom:60px}.filter-btn{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-sans);font-size:.85rem;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s}.filter-btn:hover,.filter-btn.active{color:var(--bg);background:var(--text)}.projects-list{display:flex;flex-direction:column}.project-row{display:flex;justify-content:space-between;align-items:center;padding:40px 0;border-top:1px solid var(--border)}.project-info h3{font-size:2rem;font-weight:500;margin-bottom:5px;letter-spacing:-.02em}.project-date{font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:15px}.project-info p{color:var(--text-muted);max-width:500px;margin-bottom:20px}.tags-minimal{display:flex;flex-wrap:wrap;gap:10px}.tags-minimal span{font-size:.75rem;color:#666;background:#ffffff0d;padding:4px 10px;border-radius:4px}.project-link a{color:var(--text);text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:10px;transition:transform .3s}.project-link a:hover{transform:translate(5px)}.skills-architecture{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--border);padding:60px 0}.skill-column{flex:1}.col-title{font-size:.85rem;color:var(--text-muted);margin-bottom:30px;font-weight:500}.skill-column ul{list-style:none}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:1.1rem;font-weight:400;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:color .3s}.skill-item:hover{color:#fff}.s-exp{font-size:.85rem;color:var(--text-muted)}.hover-img-container{position:fixed;top:0;left:0;width:300px;height:200px;pointer-events:none;z-index:50;opacity:0;transform:scale(.8);transition:opacity .05s ease,transform .05s ease;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000080}.hover-img-container.active{transition:opacity .3s ease,transform .3s cubic-bezier(.175,.885,.32,1.275);opacity:1;transform:scale(1)}.screen-effect{width:100%;height:100%;background-size:cover;background-position:center;box-shadow:inset 0 0 40px 15px #000000e6;filter:saturate(.8) contrast(1.1)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense;gap:20px}.bento-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.bento-badge{position:absolute;top:25px;right:25px;width:30px;height:30px;object-fit:contain;border-radius:6px;opacity:.9;transition:transform .3s ease,opacity .3s ease;z-index:0}.bento-badge[src*="google.webp"]{background-color:#fff;padding:4px}.bento-item:hover .bento-badge{transform:scale(1.05);opacity:1}.bento-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.bento-large{grid-column:span 2;grid-row:span 2}.bento-medium{grid-column:span 2;grid-row:span 1}.bento-small{grid-column:span 1;grid-row:span 1}.bento-content{position:relative;z-index:2}.bento-tag{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;display:block}.bento-item h3{font-size:1.5rem;font-weight:500;margin-bottom:10px;letter-spacing:-.02em}.bento-large h3{font-size:2.2rem}.bento-item p{color:var(--text-muted);font-size:.9rem}.bento-id{display:block;margin-top:15px;font-size:.75rem;color:#444;font-family:monospace}.timeline-elegant{border-top:1px solid var(--border)}.t-row{display:flex;padding:40px 0;border-bottom:1px solid var(--border)}.t-year{width:25%;font-size:1.2rem;font-weight:400;color:var(--text-muted)}.t-content{width:75%}.t-content h4{font-size:1.5rem;font-weight:500;margin-bottom:5px;letter-spacing:-.02em}.t-content p{font-size:1rem;color:var(--text-muted);max-width:600px}.cv-section-wrapper{position:relative;z-index:150;margin-top:60px;margin-bottom:25vh;display:flex;flex-direction:column;align-items:center;gap:30px}.cv-wrapper{position:relative;width:100%;display:flex;justify-content:center;margin-top:80px;margin-bottom:50vh;z-index:150}.socials-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:100%;max-width:800px;margin:0 auto}.social-box{display:flex;align-items:center;gap:12px;text-decoration:none;background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 24px;color:#fff;font-family:var(--font-sans);font-size:.9rem;font-weight:600;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px #0003}.social-icon{font-size:1.15rem;opacity:.8;transition:transform .3s,opacity .3s,color .3s}.social-name{color:var(--text);opacity:.9;letter-spacing:-.01em}.social-glow{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:100px;height:30px;filter:blur(8px);opacity:0;transition:opacity .3s}.social-box:hover{transform:translateY(-4px) scale(1.03);background:#ffffff0d}.social-box:hover .social-icon{opacity:1;transform:scale(1.1)}.social-box:hover .social-glow{opacity:1}.social-box.github:hover{border-color:#fff3;box-shadow:0 10px 25px #ffffff0a}.github .social-glow{background:radial-gradient(ellipse at center,#ffffff1a,#fff0 70%)}.social-box.linkedin:hover{border-color:#0a66c266;box-shadow:0 10px 25px #0a66c21f}.social-box.linkedin:hover .social-icon{color:#0a66c2}.linkedin .social-glow{background:radial-gradient(ellipse at center,#0a66c233,#0a66c200 70%)}.social-box.discord:hover{border-color:#5865f266;box-shadow:0 10px 25px #5865f21f}.social-box.discord:hover .social-icon{color:#5865f2}.discord .social-glow{background:radial-gradient(ellipse at center,#5865f233,#5865f200 70%)}.social-box.tryhackme:hover{border-color:#e02e2466;box-shadow:0 10px 25px #e02e241f}.social-box.tryhackme:hover .social-icon{color:#e02e24}.tryhackme .social-glow{background:radial-gradient(ellipse at center,#e02e2433,#e02e2400 70%)}.modern-cv-box{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem 2rem;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease,box-shadow .4s ease,background .4s ease;box-shadow:0 10px 30px #0000004d;max-width:400px;width:100%}.modern-cv-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#fff3,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .4s;pointer-events:none}.cv-content{display:flex;align-items:center;gap:1.5rem;z-index:2;width:100%}.cv-icon,.cv-download-icon{display:flex;align-items:center;justify-content:center;color:var(--text);opacity:.8;transition:transform .4s,opacity .4s}.cv-text{display:flex;flex-direction:column;flex-grow:1}.cv-title{color:var(--text);font-weight:600;font-size:1.1rem;letter-spacing:-.02em}.cv-subtitle{color:var(--text);opacity:.5;font-size:.8rem;margin-top:.2rem;text-transform:uppercase;letter-spacing:.05em}.cv-glow{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:150px;height:50px;background:radial-gradient(ellipse at center,#ffffff26,#fff0 70%);filter:blur(10px);opacity:0;transition:opacity .4s}.modern-cv-box:hover{transform:translateY(-5px) scale(1.02);background:#ffffff0f;border-color:#fff3;box-shadow:0 20px 40px #0006,0 0 20px #ffffff0d}.modern-cv-box:hover:before{opacity:1}.modern-cv-box:hover .cv-icon{opacity:1;transform:scale(1.1)}.modern-cv-box:hover .cv-download-icon{opacity:1;transform:translateY(3px)}.modern-cv-box:hover .cv-glow{opacity:1}.btn-elegant{display:inline-block;background:var(--text);color:var(--bg);padding:15px 30px;font-size:.9rem;font-weight:500;text-decoration:none;border-radius:40px;transition:opacity .3s}.btn-elegant:hover{opacity:.8}.footer{border-top:1px solid var(--border);padding-bottom:5vh;overflow:hidden}.massive-text{font-size:6vw;font-weight:600;line-height:1;letter-spacing:-.04em;margin-bottom:40px}.massive-glitch{font-family:var(--font-sans);font-size:14vw;font-weight:900;text-transform:lowercase;letter-spacing:-.06em;line-height:.8;color:#e0e0e0;position:relative;display:block;width:calc(100% - 80px);margin:0 auto 60px;text-align:center}.massive-glitch:before,.massive-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;background:var(--bg);color:#e0e0e0}.massive-glitch:before{clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);transform:translate(-4%)}.massive-glitch:after{clip-path:polygon(0 30%,100% 30%,100% 45%,0 45%);transform:translate(3%)}.footer-bottom{margin-top:100px;border-top:1px solid var(--border);padding-top:30px;font-size:.85rem;color:var(--text-muted)}@media (max-width: 768px){.hero-title{font-size:10vw}.bento-grid{grid-template-columns:1fr}.bento-large,.bento-medium,.bento-small{grid-column:span 1}.skills-architecture{flex-direction:column}.t-row{flex-direction:column;gap:10px}.t-year,.t-content{width:100%}.massive-text{font-size:3rem}}.projects-split-layout{display:flex;gap:60px;position:relative;margin-top:40px;align-items:flex-start}.projects-list-scroll{flex:1;display:flex;flex-direction:column;gap:120px;padding-bottom:20vh}.projects-sticky-side{width:320px;position:sticky;top:calc(100vh - 400px);height:350px;flex-shrink:0}.sticky-image-container{width:100%;border-radius:12px;overflow:hidden;position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #00000080;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.sticky-image-container:hover{transform:translateY(-5px) scale(1.02)}.sticky-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.sticky-layer.active{opacity:1}.project-item{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:60px;display:flex;justify-content:space-between;align-items:center;gap:30px}.project-item:last-child{border-bottom:none}.p-info{flex:1}.p-title{font-size:2.2rem;font-weight:600;margin-bottom:20px;color:var(--text);line-height:1.2}.p-desc{font-size:1.1rem;color:#a0a0a0;line-height:1.7;margin-bottom:25px}.p-action{flex-shrink:0}.p-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;background:#ffffff0d;color:var(--text);text-decoration:none;font-size:.95rem;transition:all .3s ease;font-weight:500;white-space:nowrap}.p-link:hover{background:#ffffff1a;color:var(--primary);transform:translateY(-2px)}.primary-link{background:#fff;color:#000!important;font-weight:600}.primary-link:hover{background:#00e0ff;color:#000!important}@media (max-width: 1024px){.projects-split-layout{flex-direction:column-reverse}.projects-sticky-side{position:relative;top:0;width:100%;height:300px;margin-bottom:40px}}#image-lightbox{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000e6;z-index:9990;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#image-lightbox.active{opacity:1;pointer-events:auto}#lightbox-img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 40px 100px #000c}.lightbox-close{position:absolute;top:30px;right:30px;color:#fff;font-size:2rem;cursor:pointer;background:none;border:none;transition:transform .3s ease}.lightbox-close:hover{transform:scale(1.2)}.projects-split-layout{display:block;position:relative;margin-top:40px;padding-bottom:250px}.projects-sticky-side{position:sticky;top:calc(100vh - 250px);width:100%;height:0;z-index:50;pointer-events:none;flex-shrink:initial}.sticky-image-container{position:absolute;right:0;width:380px;height:214px;pointer-events:auto;transform-origin:bottom right;border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #00000080;cursor:pointer;transition:box-shadow .3s ease}.sticky-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .5s ease}.sticky-image-container:hover .sticky-layer.active{transform:scale(1.05)}.project-item{opacity:.25;transition:opacity .5s ease,transform .5s ease}.project-item.active{opacity:1}.projects-list-scroll{width:100%;display:flex;flex-direction:column;gap:120px;padding-bottom:20vh}.p-action{display:flex;flex-direction:column;gap:12px}.hero-video{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;z-index:1;opacity:.4;pointer-events:none}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100vh;background:#0a0a0a66;z-index:2;pointer-events:none}.hero-name-clean{font-size:clamp(4rem,12vw,10rem);font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1;margin-bottom:20px;text-transform:uppercase;z-index:10;position:relative;text-shadow:0 10px 30px rgba(0,0,0,.8)}.hero-svg-title{display:block;position:absolute;bottom:0;left:0;width:calc(100% - 160px);padding:0 80px;max-height:120px;height:auto;pointer-events:none;opacity:.12;mix-blend-mode:screen}.hero{overflow:hidden}.ctf-split-layout{display:flex;gap:60px;margin-top:50px;align-items:center}.ctf-profile-side{flex:0 0 38%;text-align:center}.profile-avatar-wrapper{position:relative;width:100%;max-width:350px;margin:0 auto;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 80%,#0000)}.profile-avatar-wrapper img{width:100%;height:auto;display:block;filter:none!important}.ctf-details-side{flex:1}.ctf-table-container{width:100%;overflow-x:auto}.ctf-ranking-table{width:100%;border-collapse:collapse;text-align:left}.ctf-ranking-table th{font-family:Syncopate,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fff6;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.1em}.ctf-ranking-table td{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;transition:background-color .3s ease}.ctf-ranking-table tr:hover td{background-color:#ffffff04}.comp-col{display:flex;align-items:center;gap:20px}.comp-logo-img{height:52px;width:auto;object-fit:contain;filter:none!important;transition:transform .3s ease}.ctf-ranking-table tr:hover .comp-logo-img{transform:scale(1.04)}.comp-logo-placeholder{width:52px;height:52px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.75rem;color:var(--primary);font-weight:700}.comp-meta{display:flex;flex-direction:column;gap:3px}.comp-title{font-family:var(--font-sans);font-weight:700;font-size:.95rem;color:#fff}.comp-date{font-family:var(--font-sans);font-size:.75rem;opacity:.4}.rank-col{font-family:var(--font-sans);font-size:.95rem;font-weight:600}.collective-rank{color:var(--primary)}.individual-rank{color:#fff}.ctf-platforms-showcase{margin-top:45px;border-top:1px solid rgba(255,255,255,.05);padding-top:35px}.thm-minimal-stat{display:flex;flex-direction:column;gap:2px}.thm-label{font-family:Syncopate,sans-serif;font-size:.72rem;font-weight:700;color:#ffffff73;letter-spacing:.15em}.thm-percentile{font-family:Syncopate,sans-serif;font-size:2.8rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em}.thm-rank{font-family:var(--font-sans);font-size:.88rem;font-weight:700;color:var(--primary);letter-spacing:.05em;text-transform:uppercase}@media (max-width: 992px){.ctf-split-layout{flex-direction:column;align-items:stretch;gap:40px}.ctf-profile-side{width:100%}}.journal-split-layout{display:flex;gap:60px;margin-top:50px;align-items:center}.journal-visual-side{flex:0 0 45%;text-align:center}.journal-logo-wrapper{position:relative;width:100%;max-width:440px;margin:0 auto;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.journal-logo-wrapper img{width:100%;height:auto;display:block;filter:none!important;border-radius:8px}.journal-logo-wrapper:hover{transform:scale(1.02)}.journal-text-side{flex:1;display:flex;flex-direction:column;gap:20px;text-align:left}.journal-meta{display:flex;align-items:center;gap:15px}.journal-tag{font-family:Syncopate,sans-serif;font-size:.72rem;font-weight:700;color:var(--primary);letter-spacing:.1em}.journal-title{font-family:var(--font-sans);font-size:1.6rem;font-weight:600;color:#fff;line-height:1.3}.journal-description{font-family:var(--font-sans);font-size:1.05rem;line-height:1.7;color:#a0a0a0}.journal-description strong{color:#fff;font-weight:600}.journal-action{margin-top:10px}@media (max-width: 992px){.journal-split-layout{flex-direction:column;align-items:center;gap:40px}.journal-visual-side{width:100%;max-width:250px}}.pedestals-container{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(20px,4vw,60px);margin-top:80px;padding-top:50px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:60;padding-bottom:20px}.pedestal-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;text-decoration:none;width:clamp(140px,22%,260px);flex-shrink:1}.pedestal-object-slot{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:-5%;transform:translateY(0);transition:transform .6s cubic-bezier(.16,1,.3,1);animation:float-obj 6s ease-in-out infinite;z-index:10;position:relative}.placeholder-icon{font-size:clamp(4rem,7vw,6.5rem);color:#ffffffe6;filter:drop-shadow(0 10px 20px rgba(0,0,0,.8));transition:all .4s ease}@keyframes float-obj{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pedestal-wrapper:hover .pedestal-object-slot{transform:translateY(-20px)}.pedestal-wrapper:hover .placeholder-icon{filter:drop-shadow(0 15px 30px rgba(255,255,255,.6))}.pedestal-wrapper[data-brand=github]:hover .placeholder-icon{color:#fff}.pedestal-wrapper[data-brand=linkedin]:hover .placeholder-icon{color:#0a66c2}.pedestal-wrapper[data-brand=discord]:hover .placeholder-icon{color:#5865f2}.pedestal-wrapper[data-brand=tryhackme]:hover .placeholder-icon{color:#e02e24}.pedestal-img{width:100%;height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.9));transition:all .5s cubic-bezier(.16,1,.3,1)}.pedestal-wrapper:hover .pedestal-img{filter:drop-shadow(0 25px 40px rgba(0,0,0,1)) brightness(1.1)}.pedestal-label{margin-top:35px;font-family:var(--font-sans);color:#a0a0a0;font-size:clamp(.75rem,1.2vw,1rem);font-weight:700;text-transform:uppercase;letter-spacing:.2em;transition:all .4s ease;background:transparent;padding:0 0 5px;border:none;border-bottom:2px solid transparent}.pedestal-wrapper:hover .pedestal-label{color:#fff;transform:translateY(-5px)}.pedestal-wrapper[data-brand=github]:hover .pedestal-label{border-color:#fff}.pedestal-wrapper[data-brand=linkedin]:hover .pedestal-label{border-color:#0a66c2;color:#0a66c2}.pedestal-wrapper[data-brand=discord]:hover .pedestal-label{border-color:#5865f2;color:#5865f2}.pedestal-wrapper[data-brand=tryhackme]:hover .pedestal-label{border-color:#e02e24;color:#e02e24}@media (max-width: 768px){.pedestals-container{flex-wrap:wrap;gap:40px}.pedestal-wrapper{width:40%}}.placeholder-icon{font-size:clamp(4rem,7vw,6.5rem);color:#ffffffe6;filter:url(#heavy-grain) drop-shadow(0 10px 20px rgba(0,0,0,.8));transition:all .4s ease}.pedestal-wrapper:hover .placeholder-icon{filter:url(#heavy-grain) drop-shadow(0 15px 30px rgba(255,255,255,.6))}.pedestal-img{width:100%;height:auto;object-fit:contain;position:relative;z-index:1;filter:url(#heavy-grain) drop-shadow(0 20px 30px rgba(0,0,0,.9));transition:all .5s cubic-bezier(.16,1,.3,1)}.pedestal-wrapper:hover .pedestal-img{filter:url(#heavy-grain) drop-shadow(0 25px 40px rgba(0,0,0,1)) brightness(1.1)}@keyframes floatDust{0%{background-position:0px 0px}to{background-position:50px -300px}}.pedestal-wrapper:before{content:"";position:absolute;top:-250px;left:-20%;width:140%;height:700px;pointer-events:none;z-index:2;mix-blend-mode:screen;opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1);background:linear-gradient(to right,var(--spot-color) 15%,rgba(255,255,255,.3) 50%,var(--spot-color) 85%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='black' stop-opacity='0' /%3E%3Cstop offset='15%25' stop-color='black' stop-opacity='1' /%3E%3Cstop offset='60%25' stop-color='black' stop-opacity='0.4' /%3E%3Cstop offset='100%25' stop-color='black' stop-opacity='0' /%3E%3C/linearGradient%3E%3Cfilter id='b1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='6' /%3E%3C/filter%3E%3Cfilter id='b2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='70,0 130,0 200,600 0,600' fill='url(%23f)' filter='url(%23b2)' opacity='0.5' /%3E%3Cpolygon points='94,0 106,0 150,600 50,600' fill='url(%23f)' filter='url(%23b1)' opacity='1' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='black' stop-opacity='0' /%3E%3Cstop offset='15%25' stop-color='black' stop-opacity='1' /%3E%3Cstop offset='60%25' stop-color='black' stop-opacity='0.4' /%3E%3Cstop offset='100%25' stop-color='black' stop-opacity='0' /%3E%3C/linearGradient%3E%3Cfilter id='b1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='6' /%3E%3C/filter%3E%3Cfilter id='b2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='70,0 130,0 200,600 0,600' fill='url(%23f)' filter='url(%23b2)' opacity='0.5' /%3E%3Cpolygon points='94,0 106,0 150,600 50,600' fill='url(%23f)' filter='url(%23b1)' opacity='1' /%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;filter:url(#light-grain)}.pedestal-wrapper .particles{position:absolute;top:-250px;left:-20%;width:140%;height:700px;pointer-events:none;z-index:3;mix-blend-mode:multiply;opacity:0;transition:opacity .7s ease;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='50' r='1.5' fill='%23111' opacity='0.8'/%3E%3Ccircle cx='150' cy='160' r='2' fill='%23000' opacity='0.7'/%3E%3Ccircle cx='180' cy='70' r='1' fill='%23222' opacity='0.9'/%3E%3Ccircle cx='80' cy='120' r='2.5' fill='%23000' opacity='0.6'/%3E%3C/svg%3E");background-size:250px 250px;animation:floatDust 15s linear infinite;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='black' stop-opacity='0' /%3E%3Cstop offset='15%25' stop-color='black' stop-opacity='1' /%3E%3Cstop offset='60%25' stop-color='black' stop-opacity='0.4' /%3E%3Cstop offset='100%25' stop-color='black' stop-opacity='0' /%3E%3C/linearGradient%3E%3Cfilter id='b1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='6' /%3E%3C/filter%3E%3Cfilter id='b2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='70,0 130,0 200,600 0,600' fill='url(%23f)' filter='url(%23b2)' opacity='0.5' /%3E%3Cpolygon points='94,0 106,0 150,600 50,600' fill='url(%23f)' filter='url(%23b1)' opacity='1' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='black' stop-opacity='0' /%3E%3Cstop offset='15%25' stop-color='black' stop-opacity='1' /%3E%3Cstop offset='60%25' stop-color='black' stop-opacity='0.4' /%3E%3Cstop offset='100%25' stop-color='black' stop-opacity='0' /%3E%3C/linearGradient%3E%3Cfilter id='b1' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='6' /%3E%3C/filter%3E%3Cfilter id='b2' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='70,0 130,0 200,600 0,600' fill='url(%23f)' filter='url(%23b2)' opacity='0.5' /%3E%3Cpolygon points='94,0 106,0 150,600 50,600' fill='url(%23f)' filter='url(%23b1)' opacity='1' /%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.pedestal-wrapper:hover .particles{opacity:.9}.pedestal-wrapper:after{content:"";position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:160px;height:30px;border-radius:50%;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:0;transition:opacity .7s ease;background:radial-gradient(ellipse at center,rgba(255,255,255,.4) 0%,var(--spot-color) 40%,transparent 80%);filter:blur(8px) url(#light-grain)}.pedestal-wrapper[data-brand=github]:hover:before,.pedestal-wrapper[data-brand=github]:hover:after{opacity:1;--spot-color: rgba(200,200,200,.3)}.pedestal-wrapper[data-brand=linkedin]:hover:before,.pedestal-wrapper[data-brand=linkedin]:hover:after{opacity:1;--spot-color: rgba(10,102,194,.45)}.pedestal-wrapper[data-brand=discord]:hover:before,.pedestal-wrapper[data-brand=discord]:hover:after{opacity:1;--spot-color: rgba(88,101,242,.45)}.pedestal-wrapper[data-brand=tryhackme]:hover:before,.pedestal-wrapper[data-brand=tryhackme]:hover:after{opacity:1;--spot-color: rgba(224,46,36,.45)}.pedestal-wrapper:hover .placeholder-icon{opacity:1;filter:drop-shadow(0 20px 15px rgba(0,0,0,.85));transform:translateY(-5px)}.ceiling-lighting-system{position:absolute;top:0;left:0;width:100%;height:100px;pointer-events:none;z-index:50}.ceiling-track{position:absolute;top:20px;left:5%;width:90%;height:12px;background:#0a0a0a;border-radius:6px;box-shadow:inset 0 4px 6px #000c,0 1px #ffffff0d}.projector{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transition:left .7s cubic-bezier(.16,1,.3,1);will-change:left}.projector-mount{width:6px;height:15px;background:#222;border-radius:2px;box-shadow:inset 0 0 4px #00000080}.projector-head{width:45px;height:32px;background:linear-gradient(to bottom,#2a2a2a,#111);border-radius:6px;box-shadow:0 5px 15px #00000080,inset 0 1px #ffffff1a;position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:2px}.projector-lens{width:36px;height:8px;border-radius:4px;background:#050505;box-shadow:inset 0 2px 4px #000000e6;transition:all .5s ease}.projector.active-github .projector-lens{background:#fff;box-shadow:0 5px 25px #fffc,inset 0 0 5px #fff}.projector.active-linkedin .projector-lens{background:#0a66c2;box-shadow:0 5px 25px #0a66c2cc,inset 0 0 5px #fff}.projector.active-discord .projector-lens{background:#5865f2;box-shadow:0 5px 25px #5865f2cc,inset 0 0 5px #fff}.projector.active-tryhackme .projector-lens{background:#e02e24;box-shadow:0 5px 25px #e02e24cc,inset 0 0 5px #fff}.homelab-layout{display:flex;gap:50px;align-items:center;margin-top:40px}.homelab-info{flex:1}.homelab-desc{color:#ffffffb3;line-height:1.6;margin-bottom:25px}.hardware-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:40px}.spec-item{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.spec-item i{color:#fffc;font-size:1.1rem}.spec-item span{font-size:.9rem;font-weight:500}.vm-title{margin-bottom:20px;font-size:1.2rem;position:relative;display:inline-block}.vm-title:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:#fff}.vm-grid{display:flex;flex-wrap:wrap;gap:10px}.vm-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 15px;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:8px;transition:all .2s ease}.vm-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.vm-card i{font-size:.9rem;opacity:.7}.vm-status-active{width:6px;height:6px;background:#4caf50;border-radius:50%;box-shadow:0 0 5px #4caf50}.homelab-visual{flex:1;display:flex;justify-content:center;align-items:center}.homelab-3d-wrapper{width:100%;aspect-ratio:1;max-width:450px;background:#0a0a0f99;border:1px solid rgba(255,255,255,.12);border-radius:20px;position:relative;overflow:hidden;touch-action:none;box-shadow:0 10px 40px #00000080,inset 0 0 20px #ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homelab-3d-canvas{width:100%!important;height:100%!important;display:block;cursor:grab}.homelab-3d-canvas:active{cursor:grabbing}.homelab-3d-badge{position:absolute;top:15px;left:20px;font-family:Syncopate,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--primary);background:#0009;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:5;pointer-events:none;display:flex;align-items:center;gap:8px}.homelab-3d-hint{position:absolute;bottom:15px;left:50%;transform:translate(-50%);font-family:var(--font-sans);font-size:.75rem;color:#ffffff80;background:#0009;padding:5px 12px;border-radius:15px;z-index:5;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:opacity .3s ease}.homelab-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#050505d9;z-index:10}.homelab-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.homelab-loading-text{font-family:Space Mono,monospace;font-size:.75rem;color:#ffffffb3;letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.homelab-layout{flex-direction:column}.hardware-specs{grid-template-columns:1fr}}@keyframes subtlePulse{0%{border-color:#ffffff1a;box-shadow:0 2px 5px #0003}50%{border-color:#ffffff4d;box-shadow:0 4px 12px #ffffff0d}to{border-color:#ffffff1a;box-shadow:0 2px 5px #0003}}.btn-cyber-more{animation:subtlePulse 3s infinite ease-in-out}.hero-raw-text{position:absolute;bottom:30px;right:40px;font-family:Share Tech Mono,Courier New,monospace;font-size:.8rem;color:#000000d9;line-height:1.6;z-index:10;pointer-events:none;text-transform:uppercase;text-align:left;animation:fadeInRaw 2s ease-out 1s both;text-shadow:none}.hero-raw-text .raw-line{white-space:nowrap}.hero-raw-text .highlight{background-color:#fffc;color:#000;padding:0 4px;font-weight:700;display:inline-block;text-shadow:none}@keyframes fadeInRaw{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-raw-text{bottom:20px;right:20px;font-size:.65rem}}#fixed-logo{position:fixed;top:30px;left:40px;width:130px;height:46px;z-index:9999;pointer-events:auto;cursor:pointer;opacity:0}#fixed-logo svg{width:100%;height:100%;overflow:visible}@keyframes dropInChrome{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){#fixed-logo{top:20px;left:20px;width:100px;height:36px}}#fixed-logo img{filter:grayscale(80%) brightness(1.1)}@media (max-width: 768px){.hero-bg-text{font-size:clamp(30px,10vw,50px);word-break:normal;white-space:nowrap;padding:0}.scroll-down{bottom:80px;left:20px}.hero-raw-text{font-size:.6rem;word-break:normal;white-space:normal;padding:0;bottom:20px;left:20px;right:20px;text-align:left;opacity:.7}.hero-raw-text .raw-line{white-space:normal;line-height:1.4}.ctf-ranking-table,.ctf-ranking-table tbody,.ctf-ranking-table tr,.ctf-ranking-table td{display:block;width:100%}.ctf-ranking-table thead{display:none}.ctf-ranking-table tr{margin-bottom:20px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff05}.ctf-ranking-table td{border-bottom:1px solid rgba(255,255,255,.04);padding:15px}.comp-meta{margin-top:10px;padding-top:10px}.rank-col{display:flex;justify-content:space-between;align-items:center}.rank-col:before{content:"Collectif : ";font-family:Syncopate,sans-serif;font-size:.6rem;color:#fff6}.individual-rank:before{content:"Individuel : "}.thm-percentile{font-size:1.8rem}}.footer,.cyber-footer{text-align:center;padding:40px 20px;border-top:1px solid rgba(255,255,255,.1);font-family:Space Mono,monospace;font-size:.8rem;color:#ffffff80;margin-top:60px;position:relative;z-index:10}.cyber-footer a{color:var(--primary);text-decoration:none;transition:.3s ease}.cyber-footer a:hover{color:#fff;text-shadow:0 0 10px var(--primary)}@media (max-width: 768px){.project-item{flex-direction:column;align-items:flex-start;gap:20px}.p-action{width:100%}}@media (max-width: 768px){.hover-img-container{display:none!important}}#app{overflow-x:clip}@media (max-width: 768px){.sticky-image-container{right:auto!important;left:50%!important;transform:translate(-50%)!important;width:90%!important;max-width:350px!important}}#premium-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center;font-family:Syncopate,sans-serif;color:#fff;pointer-events:none;overflow:hidden}.loader-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;transform-origin:top;transition:transform 1.2s cubic-bezier(.8,0,.2,1)}.loader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:40px;opacity:1;transition:opacity .6s ease,transform .8s cubic-bezier(.8,0,.2,1)}.loader-logo{width:200px;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.loader-percentage-wrapper{font-family:Inter,sans-serif;font-weight:700;display:flex;align-items:flex-end;line-height:.8;background:linear-gradient(180deg,#d9d9d9,#595959 30%,#1a1a1a 50%,#4d4d4d,#b3b3b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);filter:drop-shadow(0 0 25px rgba(255,255,255,.2))}.loader-percentage{font-size:8rem;letter-spacing:-4px}.loader-percent-symbol{font-size:3rem;margin-left:10px;margin-bottom:8px}.loader-progress-track{width:300px;height:1px;background:#ffffff1a;position:relative;overflow:hidden}.loader-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:#fff;box-shadow:0 0 10px #ffffff80}@media (max-width: 768px){.loader-logo{width:150px}.loader-percentage{font-size:5rem}.loader-percent-symbol{font-size:2rem}.loader-progress-track{width:200px}}#ascii-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-4;background-color:#000;pointer-events:none;opacity:1}