@charset "UTF-8";.topbar{width:100%;height:70px;background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;border-bottom:1px solid rgba(255,255,255,.1);color:#f9fafb;position:fixed;top:0;z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1)}.topbar.active{background-color:#030712;border-bottom:none}.topbar.active .hamburger span{background-color:#fff!important}.topbar .wrapper{padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.topbar .wrapper{padding:0 20px}}.topbar .wrapper .left{display:flex;align-items:center}.topbar .wrapper .left .logo{font-size:28px;font-weight:800;text-decoration:none;background:linear-gradient(135deg,#06b6d4,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Outfit,sans-serif;letter-spacing:-1px}.topbar .wrapper .left .itemContainer{display:flex;align-items:center;margin-left:40px;padding:8px 16px;border-radius:20px;transition:all .3s ease;border:1px solid transparent}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer:hover{background:#ffffff0d;border-color:#ffffff1a}.topbar .wrapper .left .itemContainer .icon{font-size:20px;margin-right:8px;color:#06b6d4}.topbar .wrapper .left .itemContainer span{font-size:14px;font-weight:600;letter-spacing:.5px}.topbar .wrapper .left .itemContainer span a{text-decoration:none;color:inherit}.topbar .wrapper .right .hamburger{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.topbar .wrapper .right .hamburger span{width:100%;height:2px;background-color:#f9fafb;transform-origin:left;transition:all .4s ease}.intro{background-color:#030712;display:flex;min-height:100vh;overflow:hidden;position:relative;padding:60px 0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.intro:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 0%,#030712 80%);pointer-events:none}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.intro{flex-direction:column;align-items:center;padding-top:40px}}.intro .left{flex:.45;display:flex;justify-content:center;align-items:center;z-index:1}.intro .left .imgContainer{width:340px;height:340px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#06b6d4,#6366f1);padding:5px;animation:morph 8s ease-in-out infinite;box-shadow:0 0 60px #06b6d433}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.intro .left .imgContainer{width:240px;height:240px;margin-top:20px}}.intro .left .imgContainer img{width:100%;height:100%;object-fit:cover;border-radius:inherit;border:8px solid #030712}.intro .left .imgContainer .experience-badge{position:absolute;bottom:-10px;right:-10px;background:#0f172af2;border:1px solid rgba(99,102,241,.4);padding:8px 16px;border-radius:16px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 25px #00000080}.intro .left .imgContainer .experience-badge .years{font-size:20px;font-weight:800;color:#38bdf8}.intro .left .imgContainer .experience-badge .label{font-size:11px;font-weight:600;color:#e2e8f0;line-height:1.2}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.intro .right{flex:.55;position:relative;z-index:2}.intro .right .wrapper{width:100%;height:100%;padding-left:30px;padding-right:40px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.intro .right .wrapper{padding-left:15px;padding-right:15px;align-items:center;text-align:center;padding-top:30px}}.intro .right .wrapper .top-pills{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.intro .right .wrapper .top-pills{justify-content:center}}.intro .right .wrapper .top-pills .pill{font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.intro .right .wrapper h2{font-size:20px;font-weight:500;color:#06b6d4;margin-bottom:4px;letter-spacing:1.5px;text-transform:uppercase}.intro .right .wrapper h1{font-size:48px;margin:6px 0;font-weight:800;color:#fff;line-height:1.1}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.intro .right .wrapper h1{font-size:32px}}.intro .right .wrapper h3{font-size:24px;color:#9ca3af;margin-top:4px;margin-bottom:16px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.intro .right .wrapper h3{font-size:18px}}.intro .right .wrapper h3 span{font-size:inherit;background:linear-gradient(135deg,#06b6d4,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.intro .right .wrapper h3 .ityped-cursor{animation:blink 1s infinite;color:#06b6d4}@keyframes blink{50%{opacity:0}}.intro .right .wrapper .bio-summary{font-size:15px;color:#9ca3af;line-height:1.6;margin-bottom:20px;max-width:620px}.intro .right .wrapper .highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:24px;width:100%}.intro .right .wrapper .highlights-grid .h-item{display:flex;align-items:flex-start;gap:10px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);padding:10px 14px;border-radius:12px}.intro .right .wrapper .highlights-grid .h-item .emoji{font-size:20px;line-height:1}.intro .right .wrapper .highlights-grid .h-item .h-text{display:flex;flex-direction:column;text-align:left}.intro .right .wrapper .highlights-grid .h-item .h-text strong{font-size:13px;color:#f1f5f9;margin-bottom:2px}.intro .right .wrapper .highlights-grid .h-item .h-text span{font-size:12px;color:#94a3b8;line-height:1.3}.intro .right .wrapper .action-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.intro .right .wrapper .action-buttons{justify-content:center}}.intro .right .wrapper .action-buttons .btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center}.intro .right .wrapper .action-buttons .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;box-shadow:0 4px 14px #6366f166}.intro .right .wrapper .action-buttons .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.intro .right .wrapper .action-buttons .btn.btn-secondary{background:#1e293bcc;color:#f1f5f9;border:1px solid rgba(255,255,255,.15)}.intro .right .wrapper .action-buttons .btn.btn-secondary:hover{background:#334155e6;transform:translateY(-2px)}.intro .right .wrapper .action-buttons .btn.btn-outline{background:transparent;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.intro .right .wrapper .action-buttons .btn.btn-outline:hover{background:#38bdf81a;transform:translateY(-2px)}.achievements{min-height:100vh;background-color:#030712;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;position:relative;overflow:hidden}.achievements .heading-box{text-align:center;margin-bottom:50px}.achievements .heading-box .badge{display:inline-block;padding:6px 16px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.achievements .heading-box h1{font-size:40px;font-weight:700;color:#f3f4f6;margin-bottom:10px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.achievements .heading-box h1{font-size:28px}}.achievements .heading-box p{color:#9ca3af;font-size:16px;max-width:600px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.achievements .heading-box p{font-size:14px}}.achievements .container{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:0 10px}.achievements .container .achievement-card{background:linear-gradient(135deg,#1e1b4b80,#0f172a99);border:1px solid rgba(99,102,241,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:28px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;transition:border-color .3s ease,box-shadow .3s ease}.achievements .container .achievement-card:hover{border-color:#818cf899;box-shadow:0 15px 35px #6366f133}.achievements .container .achievement-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.achievements .container .achievement-card .card-top .icon{font-size:28px}.achievements .container .achievement-card .card-top .tag{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.achievements .container .achievement-card .metric{font-size:36px;font-weight:800;background:linear-gradient(135deg,#a5b4fc,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.achievements .container .achievement-card h3{font-size:18px;font-weight:600;color:#f9fafb;margin-bottom:8px}.achievements .container .achievement-card p{font-size:14px;color:#9ca3af;line-height:1.5}.skills{background-color:transparent;display:flex;flex-direction:column;align-items:center;padding:80px 0 120px;position:relative}.skills .heading-box{text-align:center;margin-bottom:50px}.skills .heading-box .badge{display:inline-block;padding:6px 16px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#7dd3fc;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.skills .heading-box h1{font-size:40px;font-weight:800;color:#f3f4f6;margin-bottom:10px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .heading-box h1{font-size:28px}}.skills .heading-box p{color:#9ca3af;font-size:16px;max-width:650px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .heading-box p{font-size:14px}}.skills .container{width:85%;max-width:1200px;display:flex;flex-direction:column;gap:30px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .container{width:90%;gap:25px}}.skills .container .category{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;padding:30px;border-radius:24px;transition:transform .3s ease}.skills .container .category.ai-specialization{border-color:#8b5cf666;background:linear-gradient(135deg,#1e1b4b99,#0f172acc)}.skills .container .category.ai-specialization .item.ai-item{width:calc(33% - 18px);height:auto;min-height:120px;flex-direction:row;align-items:center;text-align:left;padding:18px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .container .category.ai-specialization .item.ai-item{width:100%}}.skills .container .category.ai-specialization .item.ai-item img{margin-bottom:0;margin-right:14px;width:44px;height:44px}.skills .container .category.ai-specialization .item.ai-item .item-text{display:flex;flex-direction:column}.skills .container .category.ai-specialization .item.ai-item .item-text h3{text-align:left;font-size:14px;color:#f3f4f6;margin-bottom:4px}.skills .container .category.ai-specialization .item.ai-item .item-text p{font-size:12px;color:#9ca3af;margin:0;line-height:1.3}.skills .container .category:hover{transform:translateY(-5px)}.skills .container .category h2{font-size:22px;color:#f9fafb;margin-bottom:25px;text-align:left;font-family:Outfit,sans-serif;font-weight:700;display:flex;align-items:center;gap:10px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .container .category h2{font-size:17px}}.skills .container .category .items{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .container .category .items{gap:12px;justify-content:center}}.skills .container .category .items .item{width:140px;height:140px;background:#ffffff08;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05)}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .container .category .items .item{width:110px;height:110px;padding:10px}}.skills .container .category .items .item img{width:50px;height:50px;object-fit:contain;margin-bottom:10px;filter:grayscale(.2) opacity(.9);transition:all .3s ease}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .container .category .items .item img{width:36px;height:36px}}.skills .container .category .items .item h3{font-size:12px;color:#9ca3af;font-weight:600;margin:0;text-align:center;letter-spacing:.3px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.skills .container .category .items .item h3{font-size:10px}}.skills .container .category .items .item .level-container{width:100%;height:4px;background:#ffffff0d;border-radius:2px;margin-top:10px;overflow:hidden}.skills .container .category .items .item .level-container .level-bar{height:100%;background:linear-gradient(90deg,#06b6d4,#6366f1);border-radius:2px;box-shadow:0 0 10px #06b6d44d}.skills .container .category .items .item:hover{background:#ffffff14;border-color:#06b6d4;transform:scale(1.05) translateY(-5px);box-shadow:0 10px 30px #0003}.skills .container .category .items .item:hover img{filter:grayscale(0) opacity(1);transform:scale(1.1)}.skills .container .category .items .item:hover h3{color:#fff}.upgrading{min-height:100vh;background-color:#030712;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;position:relative;overflow:hidden}.upgrading .heading-box{text-align:center;margin-bottom:50px}.upgrading .heading-box .badge{display:inline-block;padding:6px 16px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.upgrading .heading-box h1{font-size:40px;font-weight:700;color:#f3f4f6;margin-bottom:10px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.upgrading .heading-box h1{font-size:28px}}.upgrading .heading-box p{color:#9ca3af;font-size:16px;max-width:650px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.upgrading .heading-box p{font-size:14px}}.upgrading .container{width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:0 10px}.upgrading .container .roadmap-card{background:linear-gradient(135deg,#0f172ab3,#1e1b4b66);border:1px solid rgba(16,185,129,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #0000004d;transition:border-color .3s ease,box-shadow .3s ease}.upgrading .container .roadmap-card:hover{border-color:#34d39999;box-shadow:0 15px 35px #10b98133}.upgrading .container .roadmap-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.upgrading .container .roadmap-card .card-top .icon{font-size:32px}.upgrading .container .roadmap-card .card-top .status-badge{font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px}.upgrading .container .roadmap-card .card-top .status-badge.in-progress{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.upgrading .container .roadmap-card .card-top .status-badge.target{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.upgrading .container .roadmap-card h3{font-size:18px;font-weight:600;color:#f9fafb;margin-bottom:8px}.upgrading .container .roadmap-card p{font-size:14px;color:#9ca3af;line-height:1.5;margin-bottom:20px}.upgrading .container .roadmap-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.upgrading .container .roadmap-card .card-footer .target-label{font-size:12px;color:#6b7280}.upgrading .container .roadmap-card .card-footer .target-date{font-size:13px;font-weight:700;color:#38bdf8}.portfolioList{font-size:14px;font-weight:600;padding:10px 24px;border-radius:30px;cursor:pointer;color:#9ca3af;transition:all .4s ease;letter-spacing:.5px;white-space:nowrap}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.portfolioList{padding:8px 16px;font-size:12px}}.portfolioList:hover{color:#fff;background-color:#ffffff0d}.portfolioList.active{background:linear-gradient(135deg,#06b6d4,#6366f1);color:#fff;box-shadow:0 10px 20px #0003}.portfolio{background-color:transparent;display:flex;flex-direction:column;align-items:center;padding:80px 0 120px}.portfolio .heading-box{text-align:center;margin-bottom:30px}.portfolio .heading-box .badge{display:inline-block;padding:6px 16px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.portfolio .heading-box h1{font-size:40px;font-weight:800;color:#f3f4f6;margin-bottom:10px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.portfolio .heading-box h1{font-size:28px}}.portfolio .heading-box p{color:#9ca3af;font-size:16px;max-width:650px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.portfolio .heading-box p{font-size:14px}}.portfolio ul{margin:20px 0 40px;padding:8px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;border-radius:40px;gap:10px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.portfolio ul{margin:10px 0 25px;border-radius:20px;width:95%}}.portfolio .container{width:90%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:30px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.portfolio .container{width:95%;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}.portfolio .container .item{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;min-height:240px;border-radius:20px;padding:24px;display:flex;flex-direction:column;position:relative;transition:all .3s ease;background:linear-gradient(135deg,#0f172acc,#1e1b4b80);border:1px solid rgba(99,102,241,.2)}.portfolio .container .item .project-link,.portfolio .container .item .cert-link{width:100%;height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit}.portfolio .container .item .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.portfolio .container .item .card-header img{width:40px;height:40px;object-fit:contain}.portfolio .container .item .card-header .public-tag{font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.portfolio .container .item h3{font-size:18px;font-weight:700;color:#f8fafc;margin-bottom:4px;font-family:Outfit,sans-serif}.portfolio .container .item .subtitle{font-size:13px;font-weight:600;color:#38bdf8;margin-bottom:10px}.portfolio .container .item .desc{font-size:13.5px;color:#94a3b8;line-height:1.5;margin-bottom:16px;flex-grow:1}.portfolio .container .item .tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.portfolio .container .item .tech-tags .tech-badge{font-size:11px;padding:3px 8px;border-radius:6px;background:#ffffff0f;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.portfolio .container .item .status-tag{display:inline-block;margin-top:12px;font-size:12px;font-weight:600;color:#a7f3d0}.portfolio .container .item:hover{transform:translateY(-6px);border-color:#6366f180;box-shadow:0 15px 35px #6366f140}.portfolio .container .item:hover h3{color:#38bdf8}.portfolio .container.certifications{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.portfolio .container.certifications .item{min-height:180px;align-items:center;text-align:center;justify-content:center}.portfolio .container.certifications .item img{width:55px;height:55px;object-fit:contain;margin-bottom:12px}.portfolio .container.certifications .item h3{font-size:16px;margin-bottom:4px}.portfolio .container.certifications .item .subtitle{font-size:12px;color:#94a3b8}.experience{background-color:transparent;display:flex;flex-direction:column;align-items:center;padding:80px 0 120px;position:relative}.experience .heading-box{text-align:center;margin-bottom:50px}.experience .heading-box .badge{display:inline-block;padding:6px 16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c4b5fd;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}.experience .heading-box h1{font-size:40px;font-weight:800;color:#f3f4f6;margin-bottom:10px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.experience .heading-box h1{font-size:28px}}.experience .heading-box p{color:#9ca3af;font-size:16px;max-width:650px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.experience .heading-box p{font-size:14px}}.experience .container{width:90%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;justify-content:center}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.experience .container{grid-template-columns:1fr;width:95%}}.experience .container .card{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:16px;transition:all .4s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172acc,#1e1b4b80);border:1px solid rgba(139,92,246,.2)}.experience .container .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#06b6d4,#6366f1);opacity:0;transition:opacity .3s ease}.experience .container .card:hover{transform:translateY(-8px);border-color:#8b5cf680;box-shadow:0 15px 35px #8b5cf640}.experience .container .card:hover:before{opacity:1}.experience .container .card:hover .top img.user{border-color:#06b6d4;transform:scale(1.05)}.experience .container .card .top{display:flex;align-items:center;justify-content:space-between}.experience .container .card .top img.user{height:56px;width:56px;border-radius:14px;object-fit:cover;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;background:#fff;padding:4px}.experience .container .card .top .icon{color:#a5b4fc;font-size:20px;font-weight:800;opacity:.6}.experience .container .card .center{font-size:14px;color:#94a3b8;line-height:1.6;flex-grow:1;border-left:2px solid rgba(99,102,241,.3);padding-left:14px}.experience .container .card .center .desc{margin-bottom:10px}.experience .container .card .center .bullet-highlights{list-style:none;padding:0;margin:0}.experience .container .card .center .bullet-highlights li{position:relative;padding-left:16px;margin-bottom:6px;font-size:13px;color:#cbd5e1}.experience .container .card .center .bullet-highlights li:before{content:"▹";position:absolute;left:0;color:#38bdf8}.experience .container .card .bottom{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.experience .container .card .bottom h3{font-size:18px;color:#f8fafc;font-weight:700;font-family:Outfit,sans-serif}.experience .container .card .bottom h4{color:#38bdf8;font-size:14px;font-weight:600;letter-spacing:.3px}.experience .container .card .bottom h5{color:#94a3b8;font-size:12px;font-weight:500}.contact{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0 120px;position:relative}.contact .target-roles-banner{width:90%;max-width:1200px;margin-bottom:50px;background:linear-gradient(135deg,#1e1b4bb3,#0f172ae6);border:1px solid rgba(99,102,241,.3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:36px;box-shadow:0 15px 35px #0006}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.contact .target-roles-banner{padding:24px;margin-bottom:35px}}.contact .target-roles-banner .banner-content{display:flex;flex-direction:column;align-items:flex-start}.contact .target-roles-banner .banner-content .badge{font-size:13px;font-weight:700;padding:4px 14px;border-radius:16px;background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.4);margin-bottom:12px}.contact .target-roles-banner .banner-content h2{font-size:24px;font-weight:700;color:#f8fafc;margin-bottom:20px;font-family:Outfit,sans-serif}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.contact .target-roles-banner .banner-content h2{font-size:18px}}.contact .target-roles-banner .banner-content .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}.contact .target-roles-banner .banner-content .details-grid .detail-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:14px 18px;border-radius:14px;display:flex;flex-direction:column;gap:4px}.contact .target-roles-banner .banner-content .details-grid .detail-box strong{font-size:13px;color:#38bdf8}.contact .target-roles-banner .banner-content .details-grid .detail-box span{font-size:13px;color:#cbd5e1;line-height:1.4}.contact .container{width:90%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.contact .container{grid-template-columns:1fr;gap:40px}}.contact .container .contact-info{display:flex;flex-direction:column;gap:20px}.contact .container .contact-info h1{font-size:48px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Outfit,sans-serif}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.contact .container .contact-info h1{font-size:36px;text-align:center}}.contact .container .contact-info .subtitle{font-size:16px;color:#9ca3af;margin-bottom:20px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.contact .container .contact-info .subtitle{text-align:center}}.contact .container .contact-info .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.contact .container .contact-info .info-cards .card{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;text-decoration:none;padding:18px;border-radius:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.contact .container .contact-info .info-cards .card:hover{transform:translate(10px);background:#ffffff14;border-color:#06b6d4}.contact .container .contact-info .info-cards .card:hover .icon-box{background:#06b6d4;color:#030712}.contact .container .contact-info .info-cards .card .icon-box{width:44px;height:44px;background:#ffffff0d;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#06b6d4;transition:all .3s ease;flex-shrink:0}.contact .container .contact-info .info-cards .card .icon-box .icon{font-size:20px}.contact .container .contact-info .info-cards .card .details{display:flex;flex-direction:column;overflow:hidden}.contact .container .contact-info .info-cards .card .details h3{font-size:14px;color:#fff;font-weight:700;margin-bottom:2px;font-family:Outfit,sans-serif}.contact .container .contact-info .info-cards .card .details span{font-size:13px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact .container .contact-form{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;padding:50px;border-radius:32px}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.contact .container .contact-form{padding:30px}}.contact .container .contact-form h2{font-size:28px;margin-bottom:35px;color:#fff;font-family:Outfit,sans-serif;font-weight:700}.contact .container .contact-form form{display:flex;flex-direction:column;gap:20px}.contact .container .contact-form form .input-group{display:flex;flex-direction:column;gap:8px}.contact .container .contact-form form .input-group label{font-size:14px;font-weight:600;color:#9ca3af;margin-left:4px}.contact .container .contact-form form .input-group input,.contact .container .contact-form form .input-group textarea{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;color:#fff;font-size:15px;transition:all .3s ease}.contact .container .contact-form form .input-group input:focus,.contact .container .contact-form form .input-group textarea:focus{outline:none;border-color:#06b6d4;background:#ffffff14}.contact .container .contact-form form .input-group textarea{height:120px;resize:none}.contact .container .contact-form form button{margin-top:10px;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#6366f1);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #0003}.contact .container .contact-form form button:hover{transform:translateY(-2px);box-shadow:0 15px 25px #0000004d;filter:brightness(1.1)}.contact .container .contact-form form button:active{transform:translateY(0)}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app{height:100vh}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.app{height:auto}}.app{background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#030712,#030712);background-attachment:fixed;color:#f9fafb;font-family:Inter,sans-serif}.app .sections{width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.app .sections{height:auto;scroll-snap-type:none}}.app .sections>*{width:100%;height:calc(100vh - 70px);scroll-snap-align:start;overflow-y:auto;scrollbar-width:none}.app .sections>*::-webkit-scrollbar{display:none}@media (max-width: 768px),(max-height: 500px) and (orientation: landscape){.app .sections>*{height:auto;min-height:calc(100vh - 70px);scroll-snap-align:none;overflow:visible;padding-bottom:2rem}}.menu{width:300px;height:100vh;background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;background-color:#030712e6;position:fixed;top:0;right:-300px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.16,1,.3,1)}.menu.active{right:0;box-shadow:-20px 0 50px #00000080}.menu ul{margin:0;padding:0;list-style:none;font-size:24px;font-weight:700;font-family:Outfit,sans-serif;color:#9ca3af;width:100%;text-align:center}.menu ul li{margin-bottom:30px;transition:all .3s ease}.menu ul li a{font-size:inherit;color:inherit;text-decoration:none;transition:all .3s ease;letter-spacing:1px;text-transform:uppercase}.menu ul li a:hover{color:#fff;background:linear-gradient(135deg,#06b6d4,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu ul li:hover{transform:scale(1.1)}