:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}html,body,#root{margin:0;padding:0;background:#0b0b0b;color:#fff;font-family:Inter,system-ui,sans-serif;scroll-behavior:smooth}.modern-portfolio{overflow-x:hidden}:root{--accent: #0af;--accent-glow: rgba(0, 170, 255, .4)}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(0,170,255,.12),transparent 70%);filter:blur(80px);z-index:0}.hero-content{position:relative;z-index:1;padding:0 5vw}.hero-tagline{font-size:clamp(1rem,2.5vw,1.3rem);opacity:.85;margin-top:1rem}.hero-buttons{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{padding:.9rem 1.6rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:.3s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 20px var(--accent);transform:translateY(-2px)}.btn-ghost{border:2px solid var(--accent);color:var(--accent)}.btn-ghost:hover{background:var(--accent);color:#000;transform:translateY(-2px)}.intro-section{padding:12vh 5vw;text-align:center;background:#0d0d0d}.intro-text{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7;max-width:750px;margin:0 auto;opacity:.9}.projects-section{background:#101010;padding:10vh 5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.projects-section>*{max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.project-card{transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00aaff2e}.writeups-section{background:#0b0b0b;padding:10vh 5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left}.writeups-section>*{max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.skills-section{background:#0f0f0f;padding:10vh 5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.skills-section>*{max-width:1000px;width:100%;margin:0 auto}.skill-tile{border:1px solid rgba(255,255,255,.1);transition:.3s ease;background:#111;border-radius:10px;padding:1.2rem}.skill-tile:hover{border-color:var(--accent);transform:scale(1.05);box-shadow:0 0 20px var(--accent-glow)}.contact-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10vh 5vw;background:#0a0a0a;text-align:center;overflow:hidden}.projects-section h1,.skills-section h1{margin-bottom:2.5rem;font-size:clamp(1.6rem,5vw,2.4rem);color:var(--accent);text-shadow:0 0 12px rgba(0,170,255,.2)}@media (max-width: 768px){.projects-section,.skills-section{padding:12vh 6vw;align-items:center;justify-content:flex-start}.projects-section h1,.skills-section h1{margin-bottom:2rem}.project-card{width:100%;max-width:420px;margin:0 auto}.skills-section>*{width:100%}}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:4vh 2vw;position:relative}.project-grid:hover .project-card{opacity:.45;transform:scale(.98);transition:all .35s ease}.project-grid:hover .project-card:hover{opacity:1;transform:scale(1.06);z-index:10;box-shadow:0 0 40px #00aaff40}.project-card{background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease}.project-image{position:relative;height:280px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:transform .45s ease,filter .3s ease}.project-card:hover img{transform:scale(1.08);filter:brightness(1)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9 35%,#00000026);opacity:0;transition:opacity .35s ease;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem}.project-card:hover .project-overlay{opacity:1}.project-year{display:inline-block;margin-top:.3rem;margin-bottom:.6rem;color:#0ffc;font-size:.85rem;font-family:Fira Code,monospace;text-shadow:0 0 8px rgba(0,170,255,.4);letter-spacing:.5px}.project-info{text-align:left}.project-info h3{margin:0 0 .4rem;color:#fff;font-size:1.25rem}.project-info p{color:#ffffffd9;font-size:.9rem;line-height:1.5;margin:.5rem 0 1rem;max-height:3.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.project-tags span{background:#00aaff1a;border:1px solid rgba(0,170,255,.4);color:#0af;font-size:.75rem;padding:.25rem .6rem;border-radius:6px}@media (max-width: 768px){.project-grid{gap:1.4rem;padding:5vh 4vw}.project-image{height:200px}}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-modal{background:#0e0e0e;border:1px solid rgba(255,255,255,.15);border-radius:18px;box-shadow:0 0 50px #00aaff4d;max-width:820px;width:92%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;color:#fff;animation:modalPop .35s ease}@keyframes modalPop{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-image img{width:100%;height:300px;object-fit:cover}.modal-content{flex:1;overflow-y:auto;padding:2rem;text-align:left}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#0af6;border-radius:10px}.modal-content h2{margin:0 0 1rem;font-size:1.8rem;color:#0af}.modal-content p{font-size:1rem;line-height:1.7;opacity:.9;margin-bottom:1.5rem;white-space:pre-line}.modal-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.modal-tags span{background:#00aaff1a;border:1px solid rgba(0,170,255,.4);color:#0af;font-size:.8rem;padding:.35rem .7rem;border-radius:6px}.modal-links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.modal-btn{display:inline-block;padding:.7rem 1.3rem;border-radius:8px;font-weight:500;text-decoration:none;color:#fff;transition:all .25s ease}.modal-btn.demo{background:#f03;box-shadow:0 0 12px #ff00334d}.modal-btn.github{background:#24292e;box-shadow:0 0 12px #ffffff1a}.modal-btn.live{background:#0af;color:#000;box-shadow:0 0 12px #0af6}.modal-btn:hover{transform:translateY(-3px);filter:brightness(1.2)}.modal-close{align-self:flex-end;border:2px solid #0af;color:#0af;background:transparent;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:.3s}.modal-close:hover{background:#0af;color:#000}.more-tags{background:#00aaff14;border:1px dashed rgba(0,170,255,.4);color:#0af;font-size:.7rem;padding:.25rem .5rem;border-radius:6px}.modal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.modal-screenshots{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;justify-content:center}.modal-screenshot{width:120px;height:auto;border-radius:8px;cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 8px #00ffff1a}.modal-screenshot:hover{transform:scale(1.08);box-shadow:0 0 18px #00ffff4d}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.lightbox-img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 0 40px #0ff6;transition:transform .1s ease}@media (max-width: 768px){.project-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;overflow:hidden}.project-info{width:100%;max-height:none}.project-info h3{font-size:1rem;margin-bottom:.3rem;word-break:break-word}.project-year,.project-year-badge{font-size:.75rem;margin-bottom:.5rem}.project-info p{font-size:.85rem;line-height:1.4;color:#ffffffd9;max-width:90%;margin:0 auto .8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project-tags{display:flex;flex-wrap:nowrap;overflow:hidden;max-width:90%;justify-content:center;gap:.4rem;position:relative}.project-tags:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2rem;background:linear-gradient(to left,rgba(10,10,10,1),transparent);pointer-events:none}.project-tags span{font-size:.7rem;padding:.25rem .5rem;white-space:nowrap;flex-shrink:0}.modal-screenshot{height:100px}}.skills-terminal{background:#0a0a0a;border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:2rem;color:#0ff;width:100%;max-width:1000px;margin:0 auto;font-family:Fira Code,monospace;box-shadow:0 0 25px #00ffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.skills-header{color:#0ff;font-size:1rem;margin-bottom:1.8rem;text-shadow:0 0 8px rgba(0,255,255,.4);width:100%;text-align:left;max-width:800px}.blink{animation:blink 1.2s infinite}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;max-width:1000px;justify-items:center;align-items:start}.skill-category h3{color:#00bcd4;border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:.4rem;margin-bottom:.8rem;font-size:1.1rem}.skill-category ul{list-style:none;padding:0;margin:0}.skill-category li{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin:.7rem 0;width:100%}.skill-name{display:flex;align-items:center;gap:.6rem;flex:0 0 180px;color:#eee;font-size:.95rem;text-align:left;word-break:break-word}.skill-icon{font-size:1.3rem;color:#0ff;flex-shrink:0;margin-top:1px;transition:transform .3s ease,color .3s ease}.skill-category li:hover .skill-icon{transform:scale(1.15);color:#0af}.skill-bar{flex:1 1 auto;height:8px;background:#00ffff1a;border-radius:8px;overflow:hidden;min-width:150px;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,#0ff,#0078ff);border-radius:8px;box-shadow:0 0 12px #00c8ff99;transition:width .6s ease}.skill-percent{flex:0 0 45px;text-align:right;color:#00bcd4;font-size:.9rem}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:2rem;justify-items:center}.skill-category{width:100%;max-width:340px;margin:0 auto}.skill-category li{flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%}.skill-name{flex:unset;text-align:center;font-size:.9rem;gap:.4rem}.skill-bar{flex:unset;width:100%;max-width:340px;height:6px;min-width:0}.skill-percent{flex:unset;text-align:center;font-size:.85rem;margin-top:.2rem}.skills-terminal{padding:1.5rem}}.intro-showcase{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#0c0c0c,#000);padding:0 5vw;isolation:isolate}.intro-container{position:relative;z-index:2;max-width:900px;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.intro-glow-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(0,170,255,.18),transparent 70%);filter:blur(120px);animation:glowPulse 8s ease-in-out infinite;z-index:0}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.intro-terminal-header{font-family:Fira Code,monospace;font-size:1.1rem;margin-bottom:1.4rem;background:#00ffff08;border:1px solid rgba(0,255,255,.15);border-radius:8px;padding:.8rem 1rem;width:fit-content;color:#e0ffff;box-shadow:inset 0 0 10px #00ffff1a}.intro-name{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(0,255,255,.25);margin-bottom:.6rem}.highlight{color:var(--accent);text-shadow:0 0 15px rgba(0,170,255,.4)}.intro-role{font-size:clamp(1rem,2.3vw,1.4rem);color:#ffffffd9;margin-bottom:1.8rem;letter-spacing:.3px}.intro-text{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.75;color:#ffffffe6;margin:0 auto 2.5rem;max-width:700px;text-align:center}.keyword{color:var(--accent);font-weight:500;text-shadow:0 0 6px rgba(0,170,255,.5)}.floating-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.float-tag{background:#00aaff1a;border:1px solid rgba(0,170,255,.3);color:#0af;border-radius:8px;padding:.5rem 1.2rem;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s ease,box-shadow .3s ease}.float-tag:hover{transform:translateY(-5px);box-shadow:0 0 20px #0af6}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;opacity:.6;font-size:.9rem;animation:fadeBounce 2.5s infinite}.scroll-line{width:1px;height:30px;background:var(--accent)}@keyframes fadeBounce{0%,to{transform:translate(-50%);opacity:.5}50%{transform:translate(-50%,-8px);opacity:1}}@media (max-width: 768px){.intro-showcase{padding:10vh 6vw}.intro-terminal-header{font-size:.95rem;padding:.6rem .8rem}.intro-text{text-align:center}.floating-tags{gap:.7rem}.float-tag{font-size:.85rem}.intro-name{font-size:2rem}}.intro-terminal-header{font-family:Fira Code,monospace;font-size:1.1rem;margin-bottom:1.6rem;background:#00ffff08;border:1px solid rgba(0,255,255,.15);border-radius:8px;padding:.8rem 1rem;width:fit-content;color:#e0ffff;box-shadow:inset 0 0 10px #00ffff1a}.prompt-user{color:#50fa7b;font-weight:600}.prompt-symbol{color:#888}.prompt-host{color:#8be9fd}.prompt-path{color:#f1fa8c}.prompt-dollar{color:#ff79c6;margin-right:.3rem}.prompt-command{color:#e0ffff;text-shadow:0 0 6px rgba(0,255,255,.4);margin-left:.4rem}.cursor{display:inline-block;margin-left:.3rem;color:#0ff;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 768px){.intro-terminal-header{font-size:.95rem;padding:.6rem .8rem}}.contact-section{background:#0a0a0a;padding:12vh 5vw;text-align:center;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(0,170,255,.15),transparent 70%);filter:blur(100px);z-index:0}.contact-container{position:relative;z-index:1;max-width:800px;margin:0 auto}.contact-text{font-size:1rem;color:#ffffffd9;margin-bottom:2.5rem;line-height:1.6}.contact-links{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.contact-item{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(0,170,255,.3);background:#00aaff14;border-radius:10px;padding:1rem 1.4rem;color:#0af;text-decoration:none;font-family:Fira Code,monospace;font-size:.95rem;transition:.3s ease;box-shadow:0 0 12px #00aaff0d}.contact-item:hover{background:#00aaff26;border-color:#00aaff80;color:#fff;box-shadow:0 0 20px #00aaff4d}.contact-left{display:flex;align-items:center;gap:.8rem}.contact-label{font-weight:500}.contact-sub{font-size:.85rem;color:#fff9}.contact-icon{width:1.2rem;height:1.2rem;display:inline-block;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 4px rgba(0,170,255,.4))}.contact-linkedin{background-image:url(https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/linkedin.svg)}.contact-email{background-image:url(https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/maildotru.svg)}.contact-github{background-image:url(https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/github.svg)}.contact-htb{background-image:url(https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/hackthebox.svg)}.contact-codewars{background-image:url(https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/codewars.svg)}.contact-footer{margin-top:3rem;color:#fff6;font-size:.85rem}@media (max-width: 768px){.contact-section{padding:10vh 6vw}.contact-links{gap:1rem}.contact-item{flex-direction:column;align-items:center;gap:.6rem;padding:1rem}.contact-sub{font-size:.8rem}}.writeups-terminal{background:#0a0a0a;border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:2rem;color:#0ff;width:100%;max-width:1000px;margin:0 auto;font-family:Fira Code,monospace;box-shadow:0 0 25px #00ffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.writeups-header{color:#0ff;font-size:1rem;margin-bottom:1.8rem;text-shadow:0 0 8px rgba(0,255,255,.4);width:100%;text-align:left;max-width:800px}.tree-container{background:transparent;padding:0;color:#00ff9d;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.7;white-space:pre;width:100%;max-width:800px;text-align:left;box-sizing:border-box}.tree-folder{margin-top:1.2rem;display:flex;align-items:center;font-weight:600;color:#0af;cursor:pointer;-webkit-user-select:none;user-select:none}.folder-icon{margin-right:.5rem;color:#00ff9d;transition:transform .25s ease;transform-origin:center}.folder-name{margin-left:.3rem;text-shadow:0 0 6px rgba(0,170,255,.3)}.tree-folder:hover .folder-name{color:#00ff9d;text-shadow:0 0 6px rgba(0,255,157,.4)}.tree-files{position:relative;margin-left:1.5rem;padding-left:.8rem;border-left:1px solid rgba(0,255,157,.25)}.tree-branch:last-child .tree-files{border-left:none}.tree-line{position:relative;display:flex;align-items:center;gap:.3rem;margin-top:.25rem;padding-left:.4rem;cursor:pointer;transition:all .2s ease}.tree-line:last-child:before{content:"";position:absolute;left:-.9rem;top:.8rem;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(0,255,157,.25),transparent 80%)}.tree-symbol{color:#00ff9d;margin-right:.3rem}.file-icon{margin-right:.4rem;opacity:.8}.file-name{color:#eaffff;transition:.2s ease}.file-tags{color:#7fffd4;opacity:.7;font-size:.8rem}.tree-line:hover{transform:translate(6px)}.tree-line:hover .file-name{color:#00ff9d}.writeup-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.writeup-modal{background:#111;color:#e0ffe0;padding:2rem;border-radius:1rem;width:90%;max-width:600px;border:1px solid rgba(0,255,157,.3);box-shadow:0 0 30px #00ff9d26}.writeup-modal h2{color:#00ff9d;margin-bottom:.8rem}.writeup-modal p{line-height:1.6;font-size:.95rem;color:#cfc;margin-bottom:1rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.modal-tags .tag{border:1px solid rgba(0,255,157,.3);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;color:#00ff9d;background:#00ff9d14}.modal-btn{color:#0aff9d;text-decoration:underline;margin-top:1rem;display:inline-block}.modal-close{background:transparent;color:#aaa;border:none;cursor:pointer;font-size:.9rem;margin-top:1rem;transition:color .2s ease}.modal-close:hover{color:#0aff9d}@media (max-width: 768px){.tree-container{padding:1rem;font-size:.85rem}.writeup-modal{padding:1.5rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}html,body{margin:0;padding:0;background-color:#050505;height:100%;overflow-x:hidden}.writeup-terminal{background:#0a0a0a;border:1px solid rgba(0,255,157,.2);border-radius:12px;color:#eaffff;font-family:Fira Code,monospace;padding:3rem;max-width:900px;margin:10vh auto;box-shadow:0 0 40px #00ff9d0d;line-height:1.8}.writeup-header{color:#00ff9d;margin-bottom:1rem;font-size:.95rem;text-shadow:0 0 6px rgba(0,255,157,.3)}.prompt{color:#00ff9d}.command{color:#00bcd4}.writeup-title{font-size:1.8rem;color:#0aff9d;margin-bottom:.6rem;text-shadow:0 0 10px rgba(0,255,157,.3)}.writeup-meta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;color:#7fffd4;font-size:.9rem;opacity:.85}.writeup-content{color:#eaffff;background:#00ff9d05;padding:2rem;border-radius:8px;border:1px solid rgba(0,255,157,.1);box-shadow:inset 0 0 20px #00ff9d0d;margin-bottom:2rem}.writeup-content h1,.writeup-content h2,.writeup-content h3{color:#00ff9d;margin-top:1.5rem}.writeup-content code{background:#00ffff14;color:#0ff;padding:.2rem .4rem;border-radius:4px;font-size:.9rem}.writeup-content pre{background:#0e0e0e;border:1px solid rgba(0,255,255,.2);padding:1rem;border-radius:8px;overflow-x:auto;box-shadow:0 0 15px #00ffff0d}.writeup-content a{color:#0ff;text-decoration:underline;transition:.2s ease}.writeup-content a:hover{color:#0aff9d;text-shadow:0 0 6px rgba(0,255,255,.3)}.back-link{color:#00ff9d;font-weight:500;text-decoration:none;display:inline-block;margin-top:1rem;transition:color .2s ease,transform .2s ease}.back-link:hover{color:#0affff;transform:translate(-4px)}@media (max-width: 768px){.writeup-terminal{padding:1.5rem;margin:6vh auto}.writeup-content{padding:1.2rem}.writeup-title{font-size:1.4rem}}