*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Oxygen,Helvetica,Arial,sans-serif}:root{--blk-color:#000814;--wht-color:#fafafa;--wht-color-2:#faf8ff;--accent-1:#ffc107;--accent-2:#ffea00;--accent-3:#3edbf0;--accent-4:#f707ff;--accent-5:#36b7ff}[data-accent="1"]{--accent:#ffc107;--accent-rgb:255,193,7}[data-accent="2"]{--accent:#ffea00;--accent-rgb:255,234,0}[data-accent="3"]{--accent:#3edbf0;--accent-rgb:62,219,240}[data-accent="4"]{--accent:#f707ff;--accent-rgb:247,7,255}[data-accent="5"]{--accent:#36b7ff;--accent-rgb:54,183,255}[data-accent="6"]{--accent:#58a8b9;--accent-rgb:88,168,185}.main-theme-txt-color{color:var(--accent)}[data-theme=dark]{--bg-color:var(--blk-color);--bg-color-2:#11192e;--bg-color-2:#0c1324;--txt-color:var(--wht-color);--txt-color-2:#d0cdcd;--nav-bg-color:var(--blk-color);--home-bg:url(/static/media/homebg.b9eff905d74979b7ea01.jpg) #000000b3;--home-shape-color:#0000;--exp-bg-color:unset}[data-theme=light]{--bg-color:var(--wht-color);--bg-color-2:#fff;--txt-color:var(--blk-color);--txt-color-2:#334756;--nav-bg-color:#fff;--home-bg:var(--wht-color);--home-shape-color:var(--blk-color);--exp-bg-color:var(--wht-color)}.app{background-color:var(--bg-color);color:var(--txt-color);font-family:Raleway,sans-serif;font-size:1rem}a{color:inherit;text-decoration:none}li,ul{list-style:none}button,input,textarea{background-color:initial;border:initial;color:var(--txt-color);outline:medium none invert;outline:initial;padding:2%}button{cursor:pointer}@media screen and (min-device-width:320px) and (max-device-width:480px){html{font-size:14px;scroll-behavior:smooth}}@media only screen and (max-width:320px){*{display:none}}.app,.main-container{position:relative}.section-title{font-size:2.5rem;text-align:center;z-index:2}.section{padding:5% 10%}@media screen and (min-device-width:320px) and (max-device-width:480px){.section{padding:3% 5%}.section-title{font-size:2.5rem;text-align:center}}nav{align-items:center;background-color:var(--nav-bg-color);box-shadow:0 0 10px var(--accent);display:flex;height:70px;justify-content:space-between;padding:10px 5%;position:fixed;width:100%;z-index:10}nav .logo img{width:50px}nav .menu-list{display:block;width:100%}nav .menu-list,nav ul li{position:relative;text-align:center}nav ul li{display:inline-flex}nav ul li .nav-link{border-bottom:2px solid #0000;color:var(--txt-color);display:inline-block;margin:0 10px;padding:10px;position:relative;text-transform:capitalize}nav ul li .nav-link.active{color:var(--accent)}nav .menu-list li:after{background-color:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}nav .menu-list li:hover:after{transform:scaleX(1);transform-origin:bottom left}nav .fas{font-size:1.5rem}nav .fa-sun{color:var(--accent)}nav .fa-moon{color:var(--blk-color)}nav .sidebar-toggle{display:none}@media screen and (min-device-width:320px) and (max-device-width:480px){nav{align-items:center;background-color:var(--nav-bg-color);box-shadow:0 0 10px var(--accent);display:flex;justify-content:space-between;line-height:inherit;overflow:visible;overflow:initial;padding:0 10px;position:fixed;z-index:100}nav .menu-list{display:none}nav .sidebar-toggle{display:block}nav .sidebar-toggle .fa-times{z-index:26}nav .switch-theme-btn{bottom:5%;position:fixed;right:5%}nav .switch-theme-btn i{background-color:initial}nav .sidebar{background-color:var(--bg-color);display:block;height:100%;left:0;min-height:100vh;opacity:0;padding:40px 0 0;position:fixed;top:0;transition:all .25s ease-in-out;width:0;z-index:25}nav .sidebar li{display:block;margin:10px 0;padding:10px 0}nav .sidebar li .nav-link{color:var(--txt-color);font-size:1rem;font-weight:600;letter-spacing:.5px;margin:none;padding:initial;position:relative;text-transform:uppercase;transition:all .25s ease-in-out}}.simple-nav{background-color:var(--nav-bg-color);box-shadow:0 0 10px var(--accent);height:70px;justify-content:space-between;padding:10px 5%;position:fixed;width:100%;z-index:10}.contact,.simple-nav{align-items:center;display:flex}.contact{flex-direction:column;justify-content:space-around;padding:5% 10% 0!important}.contact .contact-container{background-color:var(--home-bg);display:flex;height:100%;padding:2%;width:100%}.contact-details{display:flex;flex-wrap:wrap;gap:2rem;width:100%}.contact-details-left{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:280px;padding:20px}.contact-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.info-item{align-items:center;display:flex;font-size:1.05rem;gap:.5rem;justify-content:flex-end}.info-item a{color:var(--txt-color);text-decoration:none}.info-item a:hover{color:var(--accent);text-decoration:underline}.social-links{display:flex;font-size:1.8rem;gap:2rem;margin-bottom:2rem}.social-links a{color:#444;transition:transform .2s,color .2s}.social-links a:hover{color:var(--accent);transform:scale(1.2)}.contact-details-right{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-width:280px;padding:20px}.contact-cta{display:flex;flex-wrap:wrap;gap:1rem}.cta-button{border-radius:30px;color:#000;padding:8px 16px;text-decoration:none;transition:background .3s,transform .2s}.cta-button,.cta-button:hover{background-color:var(--accent)}.cta-button:hover{transform:scale(1.05)}.cta-button.secondary{background-color:#444}.cta-button.secondary:hover{background-color:#000}.map-container{border-radius:12px;box-shadow:0 0 10px var(--accent);overflow:hidden;width:60%}.map-container iframe{border:0;height:300px;width:100%}.contact-footer{color:#666;font-size:.95rem;margin-top:3rem;text-align:center;transition:opacity .5s ease,transform .5s ease}.contact-footer,.fade-slide-in{opacity:1;transform:translateY(0)}.fade-slide-out{opacity:0;transform:translateY(20px)}@media screen and (max-width:768px){.contact-details{flex-direction:column}.contact-details-left{align-items:center}.info-item{justify-content:center}.map-container{width:100%}}.experience{border-top:1px solid #000;position:relative}.experience,.experience .experience-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.experience-box{display:flex;justify-content:center;padding:0;width:100%}.experience-box.exp-box-left{flex-direction:row}.experience-box.exp-box-right{flex-direction:row-reverse}.experience-box .jd-box,.experience-box .los-box,.experience-box .timeline-box{padding:1.5% 0;position:relative}.experience-box .jd-box,.experience-box .los-box{width:100%}.experience-box .los-box{align-items:flex-start;display:flex}.experience-box .los-box.los-box-left{justify-content:flex-end}.experience-box .los-box.los-box-right{justify-content:flex-start}.experience-box .los-box .los{background-color:var(--bg-color-2);border-bottom:1px solid var(--accent);box-shadow:0 5px 10px #00000026;font-size:.9rem;padding:10px 15px;position:relative}.experience-box .los-box .los-left{margin-right:20px}.experience-box .los-box .los-right{margin-left:20px}.experience-box .los-box .arrow{content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0;z-index:1}.experience-box .los-box .arrow-left{border-bottom:7px solid #0000;border-right:20px solid var(--bg-color-2);border-top:7px solid #0000;filter:drop-shadow(-2px 0 1px var(--accent));left:-20px}.experience-box .los-box .arrow-right{border-bottom:7px solid #0000;border-left:20px solid var(--bg-color-2);border-top:7px solid #0000;filter:drop-shadow(2px 0 1px var(--accent));right:-20px}.experience-box .jd-box{align-items:center;display:flex;flex-direction:row}.experience-box .jd-box.jd-right{justify-content:flex-start;text-align:left}.experience-box .jd-box.jd-left{justify-content:flex-end;text-align:right}.experience-box .jd-box .right-box{background-color:var(--bg-color-2);border-top:1px solid var(--accent);box-shadow:0 5px 10px #00000026;padding:2%;width:-webkit-fit-content;width:fit-content}.experience-box .jd-box .right-box .designation{font-size:1.3rem;font-weight:400;margin:1% 0}.experience-box .jd-box .right-box .company{color:var(--accent);cursor:pointer;font-size:1rem;font-style:oblique;font-weight:600;margin:1% 0;text-decoration:none}.experience-box .jd-box .right-box .company:hover{text-decoration:underline}.experience-box .jd-box .right-box .desc{color:var(--txt-color-2);font-size:.9rem;letter-spacing:.5px;width:auto}.experience-box .timeline-box{padding:2% .5%;position:relative}.experience-box .timeline-box .bar{background-color:var(--accent);border:1px solid var(--accent);height:100%;left:50%;position:absolute;text-align:center;top:0;transform:translate(-50%)}.experience-box .timeline-box .circle{background-color:var(--accent);border-radius:50%;height:15px;position:relative;width:15px;z-index:1}.experience-box .timeline-box .circle .inner-circle{background-color:var(--bg-color);border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:10}.exp-shape-1,.exp-shape-2{background-color:#000713;height:100vh;position:absolute;width:100%;z-index:1}.exp-shape-1{background:#000713;-webkit-clip-path:polygon(0 0,100% 0,100% 15%);clip-path:polygon(0 0,100% 0,100% 15%);right:0;top:0}.exp-shape-2{bottom:0;-webkit-clip-path:polygon(90% 100%,0 100%,0 80%);clip-path:polygon(90% 100%,0 100%,0 80%);left:0}@media screen and (min-device-width:320px) and (max-device-width:768px){.experience{border-top:1px solid #000;justify-content:center}.experience .experience-container,.experience .section-title{margin:20px 0}.experience-box{display:flex;justify-content:space-evenly;padding:0;position:relative;width:100%}.experience-box.exp-box-left,.experience-box.exp-box-right{flex-direction:column}.experience-box .timeline-box{height:100%;position:absolute}.experience-box .timeline-box .circle{top:15px}.experience-box .jd-box,.experience-box .los-box{padding:initial;padding-left:40px;position:relative}.experience-box .los-box{padding-top:10px}.experience-box .los-box.los-box-left{justify-content:stretch}.experience-box .los-box .los{border-bottom:initial;padding:10px 10px 0;position:relative;width:100%}.experience-box .los-box .los-left{margin-right:0}.experience-box .los-box .los-right{margin-left:0}.experience-box .los-box .arrow-left,.experience-box .los-box .arrow-right{border-bottom:7px solid #0000;border-right:20px solid var(--bg-color-2);border-top:7px solid #0000;filter:drop-shadow(0 5px 10px rgba(0,0,0,.15));left:-20px}.experience-box .los-box .arrow-right{border-left:initial;right:auto}.experience-box .jd-box{align-items:center;display:flex;flex-direction:row;padding-bottom:20px}.experience-box .jd-box .right-box{border-top:initial;padding:0 10px 10px}.experience-box .jd-box.jd-right{justify-content:flex-start;text-align:left}.experience-box .jd-box.jd-left{justify-content:flex-end;text-align:left}}#home{align-items:center;background:var(--home-bg);background-attachment:fixed;background-blend-mode:multiply;background-position:bottom 0 right 0;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-around;width:100%}.home{position:relative}.home .main{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:center;width:-webkit-fit-content;width:fit-content;z-index:2}.home .main .main-content{display:grid;grid-template-columns:3fr 1fr}.home .main .hero-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.home .main .hero-text *{margin:10px 0;text-align:left;width:100%}.home .main .hero-img{padding:30px;position:relative}.home .main .hero-img .profile-img-box-1{background-color:var(--bg-color);border:1px solid var(--accent);box-shadow:0 0 10px var(--accent);height:270px;padding:5px;width:270px}.home .main .hero-img .profile-img-box-1,.home .main .hero-img .profile-img-box-2{align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden}.home .main .hero-img .profile-img-box-2{box-shadow:inset 0 0 15px 9px #00000087;height:250px;width:250px;z-index:1}.home .main .hero-img .profile-img{aspect-ratio:1/1;filter:drop-shadow(5px 5px 5px rgba(0,0,0,.85)) contrast(1.25);height:100%;mix-blend-mode:luminosity;object-fit:cover;transform:translateZ(0);width:100%;will-change:transform,filter;z-index:0}[data-theme=light] .home .main .hero-img .profile-img{filter:contrast(1.05);filter:drop-shadow(3px 3px 6px rgba(0,0,0,.12)) contrast(1.05);mix-blend-mode:normal;z-index:0}.home .main .hero-text .greetings{color:var(--accent);letter-spacing:1px}.home .main .hero-text .title{font-size:5.5rem;letter-spacing:1px}.home .main .hero-text .title-2{font-size:2.5rem}.home .main .hero-text .desc .typing-text{color:var(--accent)!important}.home .main .hero-text .desc{color:var(--txt-color-2);font-size:1.5rem}.home .scroll{bottom:4rem;left:50%;position:absolute}.scroll-btn{border:1px solid var(--accent);border-radius:50px;height:2.5rem;position:relative;width:1.5rem}.scroll-btn .moving-dot{animation:move-dot 1s ease infinite;background-color:var(--accent);border-radius:50%;height:.3rem;left:50%;position:absolute;width:.3rem}.home .shape-1{background-color:red;background-color:var(--home-shape-color);-webkit-clip-path:polygon(0 0,100% 0,90% 60%,50% 95%,10% 60%);clip-path:polygon(0 0,100% 0,90% 60%,50% 95%,10% 60%);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1}@keyframes move-dot{0%{opacity:1;transform:translate(-50%,.5rem)}to{opacity:1;transform:translate(-50%,1.5rem)}}#cursor{animation:blink .7s steps(1) infinite;border-left:.1em solid var(--txt-color)}@keyframes blink{50%{border-color:#0000}}@media screen and (min-device-width:320px) and (max-device-width:480px){.home .main{padding:20px}.home .main .hero-text{text-align:center}.home .main .hero-text *{margin:10px 0;text-align:center}.home .main .main-content{display:flex;flex-direction:column-reverse}.home .main .hero-img,.home .main .hero-img .profile-img-box-1{align-items:center;display:flex;justify-content:center}.home .main .hero-img .profile-img-box-1{border:1px solid var(--accent);border-radius:50%;height:170px;overflow:hidden;padding:5px;width:170px}.home .main .hero-img .profile-img-box-2{align-items:center;border-radius:50%;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.home .main .hero-img .profile-img{filter:drop-shadow(5px 5px 5px #222) contrast(1.25);mix-blend-mode:luminosity;width:150px}}.skills{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}.skill-container{align-items:stretch;display:flex;justify-content:center;width:100%}.skill-container .skill-cat{background-color:var(--skill-bg-color);display:flex;flex-direction:column;justify-content:flex-start;margin:0 20px;padding:20px;text-align:center;width:100%}.skill-container .skill-title{font-size:1.5rem;padding:10px}.skill-container .skill-cat .skill-list-box{display:flex;flex-direction:column}.skill-container .skill-cat .skill-list-box li{display:inline-block;font-size:2.5rem;margin:0 10px;padding:10px;position:relative}.skill-container .skill-cat .skill-list-box li i:hover{color:var(--accent)}.skill-container .skill-cat .skill-list-box li p{background-color:#fff;border-radius:5px;color:#000713;display:none;font-size:.6rem;left:50%;padding:3px;position:absolute;text-transform:capitalize;top:0}.skill-container .skill-cat .skill-list-box li i:hover+p{display:block}.other{grid-area:other}.frontend{grid-area:frontend}.backend{grid-area:backend}.db{grid-area:db}.deploy{grid-area:deploy}.skill-shape-1,.skill-shape-2{background-color:#000713;height:100vh;position:absolute;width:100%;z-index:1}.skill-shape-1{-webkit-clip-path:polygon(0 0,0 40%,50% 20%);clip-path:polygon(0 0,0 40%,50% 20%);left:0;top:-20%}.skill-shape-2{background:#000713;bottom:0;-webkit-clip-path:polygon(0 100%,100% 100%,100% 85%);clip-path:polygon(0 100%,100% 100%,100% 85%);right:0}@media screen and (min-device-width:320px) and (max-device-width:480px){.skills{align-items:stretch;display:flex;flex-direction:column;justify-content:center}.skills .section-title,.skills .skill-container{margin:20px 0}.skill-container{align-items:flex-start;display:flex;flex-direction:column;gap:0 0;height:100%;justify-content:space-between}.skill-container .skill-cat{border-bottom:initial;box-shadow:0 0 10px var(--accent);display:flex;flex-direction:column;justify-content:space-around;margin:10px 0;padding:10px 5px;text-align:left}.skill-container .skill-title{font-size:1.7rem;padding:10px 5px;text-align:left}.skill-container .skill-cat .skill-list-box{display:flex;flex-direction:row}.skill-container .skill-cat .skill-list-box li{display:inline-block;font-size:2.5rem;margin:0 5px;padding:0 5px}}.skills{align-items:flex-start}.skills h1{text-align:center;width:100%}.skill-type-box{width:100%}.skill-type-title{font-size:1.3rem;font-weight:600;margin:2px 0 15px 5px;text-transform:uppercase}.skill-box-container{flex-wrap:wrap;justify-content:flex-start;width:100%}.skill-box,.skill-box-container{align-content:flex-start;align-items:center;display:flex}.skill-box{border-radius:5px;justify-content:space-around;margin:0 15px;min-height:35px;min-width:100px;padding:5px 7px}.skill-box.light{background-color:#fff;box-shadow:0 0 7px #00000026}.skill-box.dark{box-shadow:0 0 7px var(--accent)}.skill-box .skill-name{font-size:.9rem;margin:0 5px}.skill-box .skill-icon i,.skill-box .skill-icon i.lateral-icon{font-size:1.5rem}@media screen and (min-device-width:320px) and (max-device-width:480px){.skill-type-title{margin:5px 0 10px 5px}.skill-box-container{align-content:space-around;align-items:center;display:flex;flex-wrap:wrap;justify-content:inherit}.skill-box{border-radius:5px;margin:5px 10px;min-height:35px;min-width:0;min-width:auto;padding:3px 5px}.skill-box.light{background-color:#fff;box-shadow:0 0 5px #00000026}.skill-box.dark{box-shadow:0 0 5px var(--accent)}.skill-box .skill-icon i,.skill-box .skill-icon i.lateral-icon{font-size:1.2rem}}.projects{align-items:center;display:flex;flex-direction:column;justify-content:space-around;position:relative}.project-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:20px 0;width:100%}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.pagination-controls{align-items:center;display:flex;gap:15px}.nav-arrow{align-items:center;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);border-radius:50%;color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-arrow:hover:not(:disabled){background:rgba(var(--accent-rgb),.2);transform:scale(1.1)}.nav-arrow:disabled{cursor:not-allowed;opacity:.3}.page-indicator{color:var(--txt-color);font-size:.9rem;font-weight:500}.filter-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.filter-tab{background:#0000;border:1px solid rgba(var(--accent-rgb),.3);border-radius:25px;color:var(--txt-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.filter-tab:hover{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.5)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width:900px){.project-container{gap:20px;grid-template-columns:repeat(2,1fr)}.projects-header{flex-direction:column;gap:15px}.filter-tabs{gap:6px}.filter-tab{font-size:.85rem;padding:6px 16px}}@media (max-width:600px){.project-container{gap:20px;grid-template-columns:1fr}.project-inner{height:250px}}.project-card{background:var(--bg-color-2);border:1.5px solid rgba(var(--accent-rgb),.3);border-radius:18px;box-shadow:0 8px 24px #00000038;cursor:pointer;padding:10px;transition:.35s ease;width:100%}.project-card:hover{box-shadow:0 16px 45px rgba(var(--accent-rgb),.3),0 0 20px rgba(var(--accent-rgb),.4);transform:translateY(-6px)}.project-inner{align-items:center;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.05));background-position:50%;background-size:cover;border:1px solid #ffffff1f;border-radius:14px;display:flex;flex-direction:column;height:280px;justify-content:center;overflow:hidden;position:relative}.overlay{background:#00000026;inset:0;position:absolute;transition:.35s ease;z-index:1}.project-card:hover .overlay{background:#00000073}.card-chip{background:rgba(var(--accent-rgb),.25);font-size:.75rem;font-weight:400;left:12px;padding:4px 12px}.card-chip,.year-chip{border-radius:8px;box-shadow:0 2px 8px #ffffff1a,0 1px 2px #00000073;color:var(--accent);position:absolute;top:12px;z-index:3}.year-chip{background:#ffffff26;background:rgba(var(--txt-color-rgb,255,255,255),.15);font-size:.8rem;font-weight:500;padding:4px 10px;right:12px}.center-block{align-items:center;display:flex;flex-direction:column;padding:0 10px;position:relative;transform:translateY(25px);transition:transform .45s ease,opacity .45s ease;z-index:3}.project-card:hover .center-block{transform:translateY(-25px)}.project-title{color:var(--txt-color);font-size:1.45rem;font-weight:600;margin-bottom:8px;position:relative;text-align:center;text-shadow:0 1px 3px #ffffff1f,0 0 8px #ffffff14,0 1px 2px #00000059;transition:.35s ease;z-index:4}.project-card:hover .project-title{font-size:1.25rem;text-shadow:1px 1px 5px rgba(var(--accent-rgb),.85)}.tech-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pill{backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);background:rgba(var(--accent-rgb),.16);border-radius:7px;box-shadow:0 2px 6px #ffffff1a,0 1px 2px #0006;color:var(--accent);font-size:.78rem;padding:2px 8px;transition:.35s ease}.project-card:hover .pill{font-size:.7rem;padding:2px 6px}.drawer-content{align-items:flex-start;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:#ffffff0f;border-radius:12px;bottom:20px;display:flex;justify-content:space-between;left:20px;opacity:0;padding:16px;position:absolute;right:20px;transform:translateY(30px);transition:opacity .35s ease,transform .35s ease;z-index:3}.project-card:hover .drawer-content{opacity:1;transform:translateY(0)}.project-desc{color:var(--txt-color);font-size:.75rem;line-height:1.4;width:70%}.actions{display:flex;gap:10px}.action-btn{align-items:center;background:rgba(var(--accent-rgb),.1);border:none;border-radius:10px;color:var(--txt-color);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:.25s ease;width:40px}.action-btn:hover{background:rgba(var(--accent-rgb),.22);color:var(--accent);transform:translateY(-4px)}.arrow-btn i{transition:transform .3s ease}.arrow-btn:hover i{transform:translateX(4px)}[data-theme=light] .project-inner{-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid #0000000d;box-shadow:inset 0 0 10px #0000000a}[data-theme=light] .overlay{background:#ffffff26}[data-theme=light] .project-card:hover .overlay{background:#ffffff40}[data-theme=light] .project-title{color:#1b1e27}[data-theme=light] .card-chip{background:rgba(var(--accent-rgb),.18);color:var(--accent)}[data-theme=light] .year-chip{background:#00000014;color:var(--accent)}[data-theme=light] .pill{background:rgba(var(--accent-rgb),.12);border:1px solid #00000014}[data-theme=light] .card-chip,[data-theme=light] .pill,[data-theme=light] .year-chip{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000001a}[data-theme=light] .drawer-content{-webkit-backdrop-filter:blur(22px) saturate(190%);backdrop-filter:blur(22px) saturate(190%);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.05);box-shadow:0 4px 12px #00000014}[data-theme=light] .project-desc{color:#1b1e27}[data-theme=light] .action-btn{background:rgba(var(--accent-rgb),.1);color:#1b1e27}[data-theme=light] .action-btn:hover{background:rgba(var(--accent-rgb),.18);color:var(--accent)}.project-detail{color:var(--txt-color);margin:0 auto;max-width:960px;min-height:100vh;padding:6rem 1.5rem}.back-link{color:var(--accent);display:inline-block;font-weight:500;margin:2.5rem 0;text-decoration:none}.project-detail-sub{align-items:center;display:flex;justify-content:space-between}.project-detail-divider{background-color:rgba(var(--accent-rgb),.2);height:2px;margin-bottom:1rem;width:100%}.project-hero{margin-bottom:3.5rem;position:relative}.project-chip{background:rgba(var(--accent-rgb),.22);border-radius:10px;color:var(--accent);display:inline-block;font-size:.8rem;margin-bottom:1rem;padding:6px 14px}.project-title{font-size:2.4rem;margin-bottom:1rem}.hero-title{font-size:2.6rem;line-height:1.2;margin-bottom:1.4rem;text-shadow:0 2px 6px #ffffff26,0 0 16px #ffffff14,0 2px 3px #00000073}.project-meta{font-size:.9rem;gap:1.5rem;margin-bottom:1.2rem;opacity:.85}.meta-chips,.project-meta{display:flex;flex-wrap:wrap}.meta-chips{gap:12px;margin-bottom:1.6rem}.meta-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.25);border-radius:12px;box-shadow:0 2px 8px #ffffff1a,0 1px 2px #00000073;color:var(--txt-color);display:inline-flex;font-size:.85rem;gap:8px;padding:6px 14px}.meta-chip i{color:var(--accent);font-size:.85rem}.project-section{margin-bottom:3.5rem}.section-title{font-size:1.5rem;margin-bottom:1rem}.section-title.accent{color:var(--accent)}.project-section.glass{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.25);border-radius:20px;padding:2.2rem}.project-long-desc{font-size:1.05rem;line-height:1.75}.project-short-desc{color:var(--txt-color-2);font-size:1rem}.project-section.highlight{border-left:4px solid var(--accent);padding-left:1.8rem}.feature-grid{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid rgba(var(--accent-rgb),.2);border-radius:18px;display:flex;padding:1.8rem 1.6rem 1.6rem;position:relative}.feature-card p{font-size:.95rem;line-height:1.5;margin-top:5px}.feature-index{color:rgba(var(--accent-rgb),.5);font-size:1.2rem;font-weight:600;position:absolute;right:18px;top:14px}.tech-full-list{list-style:none;margin:0;padding:0}.tech-full-list li{align-items:center;display:flex;font-size:.95rem;gap:12px;padding:.6rem 0}.tech-full-list .dot{background:var(--accent);border-radius:50%;height:8px;width:8px}.hero-tech{margin-top:.5rem}.tech-pill{background:rgba(var(--accent-rgb),.18);border-radius:10px;box-shadow:0 2px 6px #ffffff1f,0 1px 2px #0006;color:var(--accent);font-size:.82rem;padding:5px 12px}.project-section.cta{text-align:center}.cta-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--accent-rgb),.2);border-radius:16px;color:var(--accent);display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:.3s ease}.cta-btn:hover{background:rgba(var(--accent-rgb),.32);transform:translateY(-2px)}[data-theme=light] .project-section.glass{background:#ffffff8c;border:1px solid #0000000f}[data-theme=light] .feature-card{background:#fff9}[data-theme=light] .project-long-desc,[data-theme=light] .project-short-desc{color:#1b1e27}[data-theme=light] .hero-title{text-shadow:0 2px 4px #0000001f,0 0 8px #0000000f}[data-theme=light] .meta-chip{background:rgba(var(--accent-rgb),.1);box-shadow:0 2px 4px #0000001f;color:#1b1e27}[data-theme=light] .tech-pill{background:rgba(var(--accent-rgb),.12);box-shadow:0 1px 3px #0000001f}