body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body,html{scrollbar-width:none;-ms-overflow-style:none}body{font-size:1.4rem;line-height:1.6;font-family:Inter,Segoe UI,sans-serif;background-image:url(/noise.png);background-size:cover;background-blend-mode:overlay;opacity:.98}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;background-color:#0d1117;color:#c9d1d9}.app-container{position:relative;width:100%;min-height:100vh;overflow-x:hidden;background-color:#0d1117}.crt-effects{position:absolute;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;transition:opacity 2s ease-in-out;opacity:1;pointer-events:none}.crt-effects.fade-out{opacity:0}.crt-effects:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0000 75%,#00ff0014);z-index:1;pointer-events:none}.crt-effects:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,#00ff0005,#00ff000a 2px),url(/noise.png);background-size:auto,64px 64px;opacity:.05;z-index:2;pointer-events:none}.startup-overlay{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;animation:flicker .2s infinite alternate;color:#3f0;font-size:2rem;text-shadow:0 0 2px rgba(51,255,0,.8),0 0 4px rgba(51,255,0,.6),0 0 8px rgba(51,255,0,.4)}.line{opacity:0;white-space:nowrap;overflow:hidden;width:0;animation:typing 2s steps(30,end) forwards;margin:.5rem 0;display:inline-block;position:relative}.line:after{content:"▮";right:0;opacity:1;animation:blink 1s steps(1) infinite;animation-delay:inherit;animation-fill-mode:forwards}.terminal-cursor{display:inline-block;animation:blink 1s steps(1) infinite;margin-left:.2ch}.type-delay-1{animation-delay:.5s}.type-delay-2{animation-delay:3s}.type-delay-3{animation-delay:5.5s}.type-delay-4{animation-delay:7.5s}@keyframes typing{0%{width:0;opacity:1}to{width:24ch;opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.97}}.screen-blackout{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;animation:blackout-fade 2s ease-in-out forwards}@keyframes blackout-fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.skip-intro-button{position:absolute;bottom:2rem;right:2rem;background:#0009;color:#3f0;border:1px solid #33ff00;padding:.5rem 1rem;font-family:VT323,monospace;font-size:1.2rem;cursor:pointer;z-index:50;transition:background .3s,color .3s;pointer-events:auto}.skip-intro-button:hover{background:#3f0;color:#000}html,body,#root,.app-container,.portfolio-container{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.app-container::-webkit-scrollbar,.portfolio-container::-webkit-scrollbar{display:none}.portfolio-container::-webkit-scrollbar{display:none}.portfolio-container{min-height:100vh;height:auto;overflow-x:hidden;scroll-behavior:smooth;padding-bottom:4rem;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:2}.portfolio-content{position:relative;z-index:1;padding-top:70px}.portfolio-nav{position:fixed;top:0;left:0;right:0;z-index:20;background-color:#0d1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;gap:3rem;padding:1rem 2rem;border-bottom:1px solid #21262D;box-shadow:0 2px 8px #0006}.portfolio-nav a{color:#c9d1d9;font-size:1rem;font-weight:500;text-decoration:none;position:relative;transition:color .3s ease}.portfolio-nav a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background-color:#58a6ff;transition:width .3s ease}.portfolio-nav a:hover{color:#58a6ff}.portfolio-nav a:hover:after{width:100%}.portfolio-section{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;margin:2rem auto;min-width:75%;max-width:85%;box-shadow:0 8px 24px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#c9d1d9;overflow:hidden;transition:transform .3s ease;animation:pulse-border 8s ease-in-out infinite}.portfolio-section:hover{transform:scale(1.01)}.portfolio-section:before{content:"";position:absolute;top:0;left:-100%;width:75%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff1a,#fff0);transform:skew(-20deg);pointer-events:none;opacity:0}.portfolio-section h2{color:#58a6ff;text-shadow:0 0 4px rgba(88,166,255,.3);margin-bottom:1rem}.section-content{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.placeholder-image{width:200px;height:200px;background:linear-gradient(135deg,#2f81f7 10%,#161b22 90%);border-radius:6px;flex-shrink:0;opacity:.15}.placeholder-image.tall{height:140px;width:100%;margin-bottom:1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem}.project-card{background:#0d1117;padding:1.5rem;border:1px solid #21262D;border-radius:8px;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 0 12px #58a6ff33}.project-card h3{color:#58a6ff;margin-top:.5rem;margin-bottom:.5rem}.skill-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.skill-card{display:flex;flex-direction:column;align-items:center;width:100px;color:#8b949e}.placeholder-icon{width:48px;height:48px;border-radius:50%;background:#21262d;margin-bottom:.5rem}.contact-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;margin-top:1rem}.contact-link{color:#58a6ff;font-size:1.2rem;text-decoration:underline}.contact-link:hover{color:#79c0ff}.social-icons{display:flex;gap:2rem;margin-top:1rem}.icon-placeholder{width:48px;height:48px;background:#21262d;border:1px solid #30363D;border-radius:50%;color:#58a6ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;text-shadow:0 0 4px rgba(88,166,255,.3);transition:background .3s}.icon-placeholder:hover{background:#30363d}.contact-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto}.form-group{display:flex;flex-direction:column;text-align:left}.form-group label{margin-bottom:.4rem;font-weight:600;color:#c9d1d9}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #30363D;border-radius:6px;background-color:#0d1117;color:#c9d1d9;font-size:1rem;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#8b949e}.submit-btn{align-self:flex-start;background-color:#58a6ff;color:#0d1117;padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:700;font-size:1rem;cursor:pointer;transition:background .3s}.submit-btn:hover{background-color:#79c0ff}.form-success{color:#58a6ff;margin-top:1rem}.form-error{color:#ff6f61;margin-top:1rem}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.skills-list{list-style:none;padding:1rem 0;margin:0;line-height:1.8;font-size:1rem;color:#c9d1d9}.skills-list li{position:relative;padding-left:1.4rem}.skills-list li:before{content:"▹";position:absolute;left:0;color:#58a6ff;font-weight:700}.skills-cards{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}.skill-card-collapsible{background-color:#161b22;border:1px solid #30363D;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #00000040;transition:all .3s ease}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#1f2937;color:#58a6ff;font-weight:600;font-size:1.1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .3s}.card-header:hover{background-color:#243042}.card-header span{font-size:1.5rem;transition:transform .2s}.card-header.open span{transform:rotate(180deg)}.card-content{padding:1rem 1.5rem;background-color:#0d1117;color:#c9d1d9;font-size:1rem;line-height:1.6}.section-divider{width:80%;margin:3rem auto;height:1px;background:linear-gradient(to right,transparent,#30363D,transparent);border-radius:2px}.fun-fact-block{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #30363D;color:#c9d1d9}.fun-fact-block h3{color:#58a6ff;font-size:1.25rem;margin-bottom:.8rem;text-shadow:0 0 4px rgba(88,166,255,.3)}.hobby-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:1rem;padding-bottom:.5rem;margin-top:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hobby-item{flex:0 0 auto;scroll-snap-align:start;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.6rem;font-size:1rem;color:#c9d1d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s,transform .3s;box-shadow:0 2px 6px #0003;min-width:160px}.hobby-item:hover{background:#ffffff14;transform:translateY(-2px)}.emoji{font-size:1.3rem}.label{font-weight:500}.about-content{display:flex;flex-direction:column-reverse;gap:2rem;align-items:center}.about-image img{width:180px;height:180px;border-radius:50%;object-fit:cover;box-shadow:0 0 4px #58a6ff80,0 0 8px #58a6ff4d,0 0 12px #58a6ff33;animation:fadeInAvatar 1.2s ease-out both;transition:transform .3s ease;background:#ffffff05}.about-image img:hover{transform:scale(1.05)}@keyframes fadeInAvatar{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width: 768px){.about-content{flex-direction:row;justify-content:space-between;align-items:center}.about-text{flex:1}.about-image{flex-shrink:0}}@media (min-width: 768px){.hobby-grid{flex-wrap:wrap;overflow-x:visible;justify-content:start}.hobby-item{min-width:auto}}.tech-sections{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.tech-category{padding-bottom:1rem}.tech-category-title{font-size:1.4rem;margin-bottom:1rem;color:#58a6ff;text-shadow:0 0 4px rgba(88,166,255,.3);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.25rem}.tech-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;text-align:center;color:#c9d1d9;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.tech-card:hover{transform:translateY(-4px)}.tech-icon{font-size:2rem;margin-bottom:.5rem}.tech-label{font-size:.95rem;font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;margin-top:2rem}.project-card{background:linear-gradient(145deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:#c9d1d9;box-shadow:0 6px 24px #00000040;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000080}.project-image-wrapper{width:100%;min-height:300px;max-height:500px;overflow:hidden;position:relative}.project-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.backlog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:16px}.backlog-text{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);letter-spacing:.05em}.project-content{padding:1.5rem}.project-card h3{font-size:1.4rem;margin-bottom:.75rem;color:#58a6ff}.project-card p{font-size:1rem;margin-bottom:1rem;line-height:1.6;color:#c9d1d9}.project-card ul{padding-left:1.5rem;list-style-type:disc;font-size:.9rem;color:#8b949e}.project-card li{margin-bottom:.5rem}.project-github-btn{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:#58a6ff;color:#0d1117;text-decoration:none;border-radius:6px;font-weight:600;transition:background .3s}.project-github-btn:hover{background-color:#79c0ff}.experience-timeline{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.experience-item{padding:1.5rem;background:linear-gradient(145deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}.experience-item:hover{border-color:#58a6ff4d;background:linear-gradient(145deg,#58a6ff0d,#58a6ff05);box-shadow:0 4px 16px #58a6ff1a}.experience-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.experience-header h3{font-size:1.2rem;color:#58a6ff;margin:0}.experience-header .company{background:#58a6ff26;color:#58a6ff;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;border:1px solid rgba(88,166,255,.3)}.experience-header .date{color:#8b949e;font-size:.9rem;margin-left:auto}.role-description{color:#c9d1d9;font-size:.95rem;line-height:1.6;margin:.75rem 0}.experience-highlights{margin:1rem 0 0 1.5rem;padding:0;list-style-type:disc;color:#8b949e;font-size:.9rem}.experience-highlights li{margin-bottom:.5rem;line-height:1.5}.experience-highlights li:hover{color:#c9d1d9;transition:color .3s ease}@media (max-width: 768px){.experience-header{flex-direction:column;align-items:flex-start}.experience-header .date{margin-left:0}.experience-item{padding:1.25rem}}.resume-download-section{margin-top:3rem;text-align:center}.resume-download-section h3{font-size:1.3rem;color:#58a6ff;margin-bottom:1rem}.resume-download-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.resume-download-buttons button{background:#21262d;color:#c9d1d9;border:1px solid #30363D;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;cursor:pointer;transition:background .3s,transform .2s}.resume-download-buttons button:hover{background:#58a6ff;color:#0d1117;transform:translateY(-2px)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.certification-card{padding:2rem;background:linear-gradient(145deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;color:#c9d1d9;box-shadow:0 4px 12px #0003;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.certification-card:hover{transform:translateY(-6px);border-color:#58a6ff4d;background:linear-gradient(145deg,#58a6ff0d,#58a6ff05);box-shadow:0 8px 24px #58a6ff26}.cert-icon{font-size:3rem;margin-bottom:.5rem}.certification-card h3{font-size:1.2rem;color:#58a6ff;margin:0;font-weight:600}.cert-issuer{color:#8b949e;font-size:.95rem;margin:0;font-weight:500}.cert-description{color:#c9d1d9;font-size:.9rem;line-height:1.6;margin:.5rem 0;flex-grow:1}.cert-status{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.badge{display:inline-block;background:#58a6ff26;color:#58a6ff;padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(88,166,255,.3);transition:all .3s ease}.certification-card:hover .badge{background:#58a6ff40;border-color:#58a6ff80;box-shadow:0 0 8px #58a6ff33}@media (max-width: 768px){.certifications-grid{grid-template-columns:1fr;gap:1.5rem}.cert-icon{font-size:2.5rem}.certification-card{padding:1.5rem}}@keyframes pulse-border{0%,to{border-color:#ffffff14;box-shadow:0 8px 24px #0006}50%{border-color:#58a6ff26;box-shadow:0 0 16px #58a6ff1a}}.terminal-container{position:relative;width:700px;margin:2rem auto}.terminal-case{display:block;width:100%;height:auto}html,body,#root{width:100%;height:100%;color:#c9d1d9;margin:0}.screen{position:absolute;top:56px;left:90px;width:513px;height:322px;background:#ff000080!important;border:3px dashed yellow!important;opacity:1!important;box-shadow:none!important;animation:none!important}.screen.off{opacity:0}.screen.on{opacity:1;animation:flicker .15s infinite alternate}.screen{transform:perspective(800px) rotateX(2deg)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}.screen-content{position:relative;color:#3f0;font-family:VT323,monospace;font-size:18px;line-height:1.2;padding:12px;z-index:1}.screen-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,#0000,#0000001a 2px);pointer-events:none;z-index:2}.screen-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to right,#0f00,#00ff0005,#0f00 2px);pointer-events:none;z-index:3}.power-button{position:absolute;bottom:42px;right:58px;width:32px;height:32px;border:none;background:radial-gradient(circle at 30% 30%,#400,#200);border-radius:50%;box-shadow:0 0 12px #ff0000b3;cursor:pointer;transition:background .2s,box-shadow .2s}.power-button.active{background:radial-gradient(circle at 30% 30%,#060,#030);box-shadow:0 0 12px #0f0c}.power-button:focus{outline:2px solid #33ff00}