@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;800&display=swap";: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:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--nf-black: #141414;--nf-panel: #1a1a1a;--nf-red: #e50914;--nf-text: #e5e5e5;--nf-dim: #b3b3b3;--nf-border: rgba(255,255,255,.08);--font-title: "Bebas Neue", sans-serif;--font-body: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}#root{max-width:none;padding:0}.nav{position:fixed;top:0;left:0;width:100%;height:10%;background-color:#000000b3;padding:15px 30px;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.nav .nav-link{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:20px;justify-content:space-between;align-items:center}.nav-links li{display:flex;align-items:center}.nav h3{margin:0;color:var(--nf-red);text-decoration:none;font-size:28px;font-family:var(--font-title)}.nav a{text-decoration:none}.nav h3 a:visited{color:#e50914;text-decoration:none}.nav-links{display:flex;gap:30px;margin-right:0;align-items:center;justify-content:space-between}.nav-links button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;transition:all .2s}.nav-links button:hover{color:#e50914;transform:scale(1.05)}body{margin:0;font-family:var(--font-body);background-color:var(--nf-black);color:var(--nf-text)}.dashboard{margin-top:100px;text-align:center;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.dashboard h1{font-size:32px;margin-bottom:40px;font-weight:500}.profile-icons{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;max-width:800px}.profile{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.profile:hover{transform:scale(1.05)}.profile img{border:4px solid #333;border-radius:8px;margin-bottom:8px;box-shadow:0 4px 10px #00000080}.profile p{margin:0;font-size:18px;font-weight:700;color:#ddd}h1{font-size:3.2em;line-height:1.1}.profileicon{background:#000;display:flex;justify-content:center}.intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .8s ease-out}.intro-screen.fade-out{opacity:0}.intro-title{font-family:var(--font-title);font-size:120px;color:var(--nf-red);text-shadow:0 0 10px rgba(255,255,255,.5);animation:bounce-in 1.5s ease-out;letter-spacing:2px}@keyframes bounce-in{0%{opacity:0;transform:scale(.3) translateY(-100px)}60%{opacity:1;transform:scale(1.1) translateY(10px)}to{transform:scale(1) translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.banner{height:80vh;width:100%;background:linear-gradient(180deg,#0006,#141414f2),url(/images/recruiter-background.avif) no-repeat center center/cover;display:flex;align-items:center;padding-left:23px;margin-top:70px;position:relative;width:calc(100% - 40px);margin-left:auto;margin-right:auto;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #00000073}.banner:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:120px;background:linear-gradient(180deg,#14141400,#141414 60%);pointer-events:none}.content{max-width:60vw;text-align:left;padding:0 40px}.title{font-size:clamp(32px,6vw,64px);font-weight:800;letter-spacing:.5px;margin:0 0 10px;text-shadow:0 2px 24px rgba(0,0,0,.6)}.description{font-size:1.2rem;margin-bottom:20px;margin-left:0;color:#f8f8f8;line-height:1.5}.buttons{display:flex;gap:15px;margin-left:0;margin-top:12px}.btn{padding:12px 24px;border-radius:4px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;border:none;font-size:16px;box-shadow:0 6px 18px #0000004d;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-primary{background-color:#e50914;color:#fff}.btn-secondary{background-color:#6d6d6eb3;color:#fff}.btn:hover{opacity:.95;transform:translateY(-2px);filter:brightness(1.05)}.content-section{padding:40px 50px;max-width:1600px;margin:0 auto}.section-title{font-size:1.8rem;margin-bottom:20px;font-weight:700;letter-spacing:.3px;font-family:var(--font-title);border-left:4px solid var(--nf-red);padding-left:10px}.profile-details{display:flex;gap:30px;margin-top:30px;align-items:center}.profile-image{width:200px;height:200px;border-radius:4px;object-fit:cover;border:2px solid #e50914;box-shadow:0 8px 24px #0006}.profile-info{flex:1}.profile-name{font-size:2rem;margin-bottom:15px}.profile-title{color:#e50914;font-size:1.2rem;margin-bottom:20px}.profile-bio{line-height:1.6;color:var(--nf-text);margin-bottom:20px}.stats{display:flex;gap:20px;margin-top:20px}.stat-item{text-align:center;background:linear-gradient(180deg,#1f1f1f,#141414);padding:14px 18px;border-radius:8px;min-width:130px;box-shadow:inset 0 0 0 1px var(--nf-border)}.stat-value{font-size:2rem;color:#e50914;font-weight:700}.stat-label{color:#b3b3b3;font-size:.9rem}.card-row{display:flex;gap:15px;overflow-x:auto;padding:10px 0;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;position:relative}.card-row::-webkit-scrollbar{display:none}.info-card{background:linear-gradient(180deg,#3c3c3c26,#141414e6);border-radius:10px;min-width:280px;max-width:340px;flex:0 0 auto;padding:16px;color:var(--nf-text);position:relative;scroll-snap-align:start;box-shadow:0 12px 30px #00000059,inset 0 0 0 1px var(--nf-border);transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.info-card:hover{transform:translateY(-6px) scale(1.02);z-index:2;box-shadow:0 20px 40px #00000080;filter:brightness(1.05)}.project-card .project-image{width:100%;height:180px;overflow:hidden;border-radius:6px;margin-bottom:12px;background:#0f0f0f}.project-card .project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.project-card:hover .project-image img{transform:scale(1.05)}.card-title{font-size:1.05rem;margin:8px 0 4px;color:#fff;font-family:var(--font-body)}.card-description{font-size:.95rem;color:#c9c9c9}.project-links{display:flex;gap:12px;margin-top:10px}.project-link{color:#bbb;text-decoration:none;font-size:.95rem;transition:color .2s ease,transform .2s ease}.project-link:hover{color:#e50914;transform:translateY(-1px)}.project-card .card-description{opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .25s ease,margin-top .2s ease;margin-top:0}.project-card:hover .card-description{opacity:1;max-height:400px;margin-top:6px}#experience .project-card .card-title:nth-of-type(1),#experience .project-card .card-title:nth-of-type(2){opacity:1;max-height:200px}#experience .project-card .card-title:nth-of-type(3),#experience .project-card .card-title:nth-of-type(4),#experience .project-card .card-title:nth-of-type(5){opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .25s ease,margin-top .2s ease;margin-top:0}#experience .project-card:hover .card-title:nth-of-type(3),#experience .project-card:hover .card-title:nth-of-type(4),#experience .project-card:hover .card-title:nth-of-type(5){opacity:1;max-height:200px;margin-top:6px}#education .project-card .card-title:nth-of-type(1){opacity:1;max-height:200px}#education .project-card .card-title:nth-of-type(2),#education .project-card .card-title:nth-of-type(3),#education .project-card .card-title:nth-of-type(4),#education .project-card .card-title:nth-of-type(5){opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .25s ease,margin-top .2s ease;margin-top:0}#education .project-card:hover .card-title:nth-of-type(2),#education .project-card:hover .card-title:nth-of-type(3),#education .project-card:hover .card-title:nth-of-type(4),#education .project-card:hover .card-title:nth-of-type(5){opacity:1;max-height:200px;margin-top:6px}.footer{text-align:center;padding:60px 20px;background-color:#0a0a0a;color:#fff;margin-top:80px}.footer .section-title{font-size:28px;margin-bottom:16px}.footer p{font-size:18px;color:#ddd;margin-bottom:30px}.social-links{display:flex;justify-content:center;gap:30px;font-size:24px}.social-links a{color:#bbb;transition:color .3s ease,transform .3s ease}.social-links a:hover{color:#e50914;transform:scale(1.2)}.card-row:before,.card-row:after{content:"";position:sticky;top:0;bottom:0;width:60px;z-index:1;pointer-events:none}.card-row:before{left:0;background:linear-gradient(90deg,var(--nf-black),transparent)}.card-row:after{right:0;background:linear-gradient(270deg,var(--nf-black),transparent)}.project-card .project-image{position:relative;box-shadow:inset 0 0 0 1px var(--nf-border)}.project-card .project-image:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 10%,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.btn:active{transform:translateY(0);filter:brightness(.98)}.btn:focus-visible{outline:2px solid var(--nf-red);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html{scroll-behavior:smooth}.badge{background:#e5091424;color:#ffd7db;padding:4px 8px;border-radius:999px;font-size:12px}.card-row::-webkit-scrollbar{height:8px}.card-row::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:8px}.nav-links button.active{color:var(--nf-red);text-shadow:0 0 12px rgba(229,9,20,.35)}@media (max-width: 1024px){.content{max-width:80vw}.stats{flex-wrap:wrap}}@media (max-width: 768px){.banner{height:auto;min-height:70vh;padding:40px 20px 80px}.title,.description,.buttons{margin-left:0}.profile-details{flex-direction:column;text-align:center}.content-section{padding:30px 20px}.info-card{min-width:240px;max-width:280px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cold-start-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;color:#fff;padding:20px;text-align:center}.cold-start-content{max-width:500px;padding-top:50px;padding-bottom:50px}.cold-start-title{font-size:2em;margin-bottom:20px;color:gold}.cold-start-text{font-size:1.1em;line-height:1.5;margin-bottom:10px;color:#ccc}.cold-start-secondary-text{font-size:.9em;color:#999;font-style:italic}.spinner{border:5px solid rgba(255,255,255,.2);border-top:5px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin 1.5s linear infinite;margin:30px auto}.error-message{color:#ff6b6b;text-align:center;padding:50px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{position:relative;width:90%;max-width:420px;background:#141414;color:#fff;border-radius:8px;box-shadow:0 10px 30px #0009;padding:24px 24px 28px;border:1px solid #2e2e2e}.close-button{position:absolute;top:10px;right:10px;background:#e50914;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:16px;line-height:32px}.modal-title{margin:0 0 4px;font-size:20px;font-weight:700}.modal-subtitle{margin:0 0 16px;color:#b3b3b3;font-size:14px}.lead-form{display:flex;flex-direction:column;gap:10px}.lead-label{font-size:12px;color:#b3b3b3}.lead-input{background:#2b2b2b;color:#fff;border:1px solid #3a3a3a;border-radius:4px;padding:10px 12px;outline:none}.submit-button{margin-top:6px;background:#e50914;color:#fff;border:none;border-radius:4px;padding:10px 12px;cursor:pointer;font-weight:600}.error-text{margin-top:6px;color:#ff6b6b;font-size:12px}.success-text{margin-top:6px;color:#46d369;font-size:12px}.wip-text{margin-top:10px;color:#b3b3b3;font-size:12px;text-align:center}