:root{--bg:#0a0a0c;--text:#e9e9ef;--text-dim:#b4b4be;--text-muted:#82828e;--card:#ffffff09;--border:#ffffff17;--grad:linear-gradient(90deg, #ff7a3c, #ff4d9d, #6a4dff)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}h1,h2,h3,h4{margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.12}a{color:inherit}.text-bold{font-weight:700}.text-regular{font-weight:500}.text-light{font-weight:400}.text-italic{font-style:italic}.nb-page{max-width:1080px;margin:0 auto;padding:0 20px 80px}.lv-nav{justify-content:space-between;align-items:center;padding:22px 4px;display:flex}.lv-brand{letter-spacing:-.3px;color:var(--text);align-items:center;gap:9px;font-size:18px;font-weight:700;display:flex}.lv-brand:before{content:"";background:var(--grad);border-radius:5px;width:16px;height:16px}.lv-nav-links{align-items:center;gap:20px;display:flex}.lv-nav-links a{color:var(--text-dim);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.lv-nav-links a:hover{color:#fff}.lv-nav-pill{background:#f5f5f8;border-radius:999px;padding:8px 16px;font-weight:600;color:#0a0a0b!important}.lv-nav-pill:hover{filter:brightness(.94)}.nb-grid{flex-direction:column;gap:22px;max-width:820px;margin:48px auto 0;display:flex}.nb-span-2{width:100%}.nb-card{--accent:#9a9aae;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:28px 30px;box-shadow:0 10px 40px #00000059}.nb-yellow{--accent:#ffc24d}.nb-pink{--accent:#ff4d9d}.nb-blue{--accent:#5b8cff}.nb-green{--accent:#3ddc97}.nb-orange{--accent:#ff7a3c}.nb-purple{--accent:#b08cff}.nb-title{letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:12px;font-weight:600;display:inline-block}.nb-cta{text-align:center;color:#fff;background:var(--grad);border-radius:999px;padding:18px 28px;font-size:clamp(16px,2.4vw,18px);font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:block;box-shadow:0 12px 40px #ff4d9d4d}.nb-cta:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 18px 52px #ff4d9d6b}.photo-container{text-align:center;padding:64px 20px 28px;position:relative;overflow:hidden}.photo-container .lv-glow{filter:blur(72px);opacity:.5;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 52%,#ff7a3c 0%,#ff4d9d 27%,#6a4dff 50%,#0a0a0c00 72%);width:760px;max-width:130vw;height:560px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.photo-container>:not(.lv-glow){z-index:1;position:relative}.photo-container .avatar{background:var(--grad);border-radius:50%;width:132px;height:132px;margin:0 auto 26px;padding:4px;box-shadow:0 10px 44px #ff4d9d59}.photo-container .wrap{background:radial-gradient(circle at 50% 28%,#4a4660,#232030);border-radius:50%;width:100%;height:100%;overflow:hidden}.photo-container img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.photo-container h1{letter-spacing:-1.5px;color:#f7f7fa;margin:0;font-size:clamp(40px,7vw,68px);font-weight:800}.photo-container h2{color:var(--text-dim);margin:14px 0 0;font-size:clamp(16px,2.4vw,20px);font-weight:500}.photo-container p{color:var(--text-muted);margin:8px 0 0;font-size:14px;font-style:normal}.photo-container p:before{content:"📍 "}.education-university{margin:0 0 14px;padding:0;list-style:none}.education-university:last-child{margin-bottom:0}.education-university li:first-child{color:#f3f3f6;font-size:15px;font-weight:600}.education-university li:nth-child(2){color:var(--text-muted);margin-top:2px;font-size:13.5px;font-weight:400}.social-container ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;font-size:20px;list-style:none;display:flex}.social-container ul li a{width:46px;height:46px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:transform .15s,background .15s,color .15s;display:flex}.social-container ul li a:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.about-me-tagline{letter-spacing:-.3px;color:#f3f3f6;margin:0 0 18px;font-size:clamp(20px,3vw,26px);font-weight:600;line-height:1.25}.about-me-list{margin:0;padding:0;list-style:none}.about-me-list li{color:var(--text-dim);margin-bottom:11px;padding-left:22px;line-height:1.55;position:relative}.about-me-list li:before{content:"";background:linear-gradient(135deg,#ff7a3c,#ff4d9d);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:0}.experience-list{margin:0}.experience-item{border-left:2px solid #ffffff1f;margin-bottom:22px;padding:0 0 0 18px}.experience-item:last-child{margin-bottom:0}.experience-item h4{color:#f3f3f6;margin:0 0 3px;font-size:16px;font-weight:600}.experience-item .experience-meta{color:var(--text-muted);margin:0 0 8px;font-size:12.5px}.experience-item .experience-meta .text-bold{color:var(--text-dim);font-weight:600}.experience-item p{color:var(--text-dim);margin:0;font-size:14.5px;line-height:1.5}.core-skillset-container ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.core-skillset-container li{color:#cfcfd8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:500}.supplementary-skillset-container ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.supplementary-skillset-container li{color:#cfcfd8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:500}.portfolio-page{max-width:900px;margin:0 auto;padding:40px 20px 80px}.portfolio-page .back-button{color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:28px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.portfolio-page .back-button:hover{color:#fff;background:#ffffff1a}.work-list-container h3{letter-spacing:-.8px;color:#f5f5f8;margin-bottom:28px;font-size:clamp(30px,5vw,46px);font-weight:800}.work-list-container .work-list-block{margin:0}.project-container{background:var(--card);border:1px solid var(--border);border-radius:18px;margin-bottom:24px;padding:24px;box-shadow:0 10px 40px #0000004d}.project-container h4{color:#f3f3f6;margin:0 0 10px;font-size:18px;font-weight:600}.project-container p{color:var(--text-dim);margin:0 0 14px;line-height:1.5}.project-container a{color:#fff;background:var(--grad);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-block}.project-container a:hover{filter:brightness(1.08)}.work-list-container iframe{border:1px solid #ffffff1a;border-radius:12px;width:100%;height:100%;position:absolute}.work-list-container .iframe-container{width:100%;padding-bottom:56.25%;position:relative}.modal-container{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000000b3;justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.modal-container .modal-content{max-width:90%;padding-top:100px;padding-bottom:100px;position:absolute}.modal-container .modal-content img{background:#fff;border:1px solid #ffffff26;border-radius:12px;width:100%;display:block;box-shadow:0 20px 60px #0009}.modal-container .modal-actions{position:absolute;top:40px}.modal-container .modal-actions button{color:#0a0a0b;cursor:pointer;background:#f5f5f8;border:none;border-radius:999px;padding:10px 20px;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600}.modal-open{overflow:hidden}.work-item-container{margin:14px 0 4px;position:relative}.work-item-container .work-item-content{cursor:pointer;background-color:#1a1a1f;border:1px solid #ffffff1a;border-radius:14px;width:100%;height:240px;padding:0;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.work-item-container .thumbnail{background-position:50%;background-size:cover;width:100%;height:100%}.work-item-container .work-item-content:hover{transform:translateY(-3px);box-shadow:0 16px 50px #00000080}.work-item-container .work-item-content:focus-visible{outline-offset:3px;outline:2px solid #ff4d9d}