@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.will-change-\[transform\,filter\,opacity\]{will-change:transform,filter,opacity}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;background:#0a0a0f;font-family:Inter,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}section,.section-wrapper{z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:80px 24px;position:relative}@media (width<=768px){section,.section-wrapper{padding:60px 20px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f0f1999;border:1px solid #7c5dff33;border-radius:14px;justify-content:space-between;align-items:center;width:90%;max-width:1100px;padding:12px 24px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.logo{color:#fff;letter-spacing:1px;font-size:1.3rem;font-weight:700}.nav-links{gap:2rem;list-style:none;transition:all .3s;display:flex}.nav-links a{color:#b0aec8;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s,font-size .3s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";background:#7c5dff;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:#7c5dff}.nav-btn{color:#fff;background:#5227ff;border-radius:8px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-btn:hover{background:#6a3fff;transform:translateY(-2px)}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;padding:0;display:none}.hamburger span{transform-origin:1px;background:#fff;border-radius:10px;width:24px;height:2px;transition:all .3s linear;position:relative}.hamburger.open span:first-child{transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.open span:nth-child(3){transform:rotate(-45deg)}@media (width<=768px){.navbar{width:95%;padding:10px 20px}.hamburger{display:flex}.nav-links{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;pointer-events:none;background:#0f0f19f2;border:1px solid #7c5dff33;border-top:none;border-radius:0 0 14px 14px;flex-direction:column;align-items:center;gap:20px;width:100%;padding:20px 0;transition:all .3s;position:absolute;top:70px;left:0;transform:translateY(-20px)}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}}@media (width>=1200px){.nav-links a{font-size:1.05rem}}.dot-grid{justify-content:center;align-items:center;width:100%;height:110%;padding-top:0;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.text-type{white-space:pre-wrap;display:inline-block}.text-type__cursor{opacity:1;margin-left:.25rem;display:inline-block}.text-type__cursor--hidden{display:none}.left{flex:1;font-size:8rem;font-weight:700}.roles{flex-direction:column;gap:10px;display:flex}.role-item{align-items:center;gap:10px;display:flex}.role-icon{flex-shrink:0;color:#5227ff!important;font-size:1.6rem!important}.role-text{color:#f0eeff;margin:0;font-family:Inter,Segoe UI,sans-serif;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:600}@media (width<=768px){.roles{align-items:center}.role-item{justify-content:center}}.hero{width:100%;padding-bottom:80px;position:relative}.bg{z-index:0;background:#0a0a0f;width:100%;max-width:3840px;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.content{z-index:1;color:#fff;flex-direction:row;justify-content:center;align-items:center;gap:clamp(2rem,4vw,4rem);width:100%;max-width:1400px;margin:0 auto;padding:6rem 1.5rem 4rem;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative}.left-col{flex-direction:column;flex:1;justify-content:center;gap:20px;max-width:650px;display:flex}.name-text{color:#fff;letter-spacing:-.5px;margin:0;font-size:clamp(3rem,5.5vw,4.8rem);font-weight:800;line-height:1.1}.education-badge{color:#b0aec8;align-items:center;gap:6px;font-size:clamp(.85rem,1.8vw,1rem);font-weight:500;display:flex}.edu-icon{color:#5227ff!important;font-size:1.2rem!important}.highlight{color:#7c5dff;font-weight:700}.cta-row{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.btn-primary{color:#fff;white-space:nowrap;background:#5227ff;border-radius:10px;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .25s,transform .2s;display:inline-flex}.btn-primary:hover{background:#6a3fff;transform:translateY(-2px)}.btn-outline{color:#fff;white-space:nowrap;border:2px solid #5227ff;border-radius:10px;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .25s,transform .2s;display:inline-flex}.btn-outline:hover{background:#5227ff26;transform:translateY(-2px)}.social-row{align-items:center;gap:16px;margin-top:2px;display:flex}.social-link{color:#b0aec8;align-items:center;transition:color .2s,transform .2s;display:flex}.social-link:hover{color:#7c5dff;transform:translateY(-3px)}.right-col{flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:scale(1.1)}@media (width<=1024px){.content{padding:60px clamp(20px,4vw,48px)}}@media (width<=768px){.content{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:70px 20px 50px}.right-col{order:1}.left-col{order:2;align-items:center;max-width:100%}.education-badge,.cta-row,.social-row{justify-content:center}}@media (width<=480px){.content{padding:60px 18px 40px}.btn-primary,.btn-outline{padding:11px 22px;font-size:.88rem}}.tilted-card-figure{perspective:800px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tilted-card-mobile-alert{text-align:center;font-size:.875rem;display:none;position:absolute;top:1rem}@media (width<=640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{transform-style:preserve-3d;position:relative}.tilted-card-img{object-fit:cover;will-change:transform;border-radius:20px;position:absolute;top:0;left:0;transform:translateZ(0);box-shadow:0 20px 60px #5227ff4d}.tilted-card-overlay{z-index:2;will-change:transform;position:absolute;top:0;left:0;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;color:#2d2d2d;opacity:0;z-index:3;background-color:#fff;border-radius:4px;padding:4px 10px;font-size:10px;position:absolute;top:0;left:0}.aboutme{z-index:1;color:#fff;background:#000;padding:6rem 1.5rem;font-family:Inter,Segoe UI,sans-serif;position:relative}#about{scroll-margin-top:100px}.highlight-text{color:#2563eb;font-weight:700}.name{color:#fff;letter-spacing:-.5px;max-width:1200px;margin:0 auto;padding:10px 0;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.text{color:#f0f0f0;font-variant:normal;flex:1;max-width:600px;margin-top:20px;padding:10px 0;font-family:Inter,Segoe UI,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.8}.about-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;max-width:1200px;margin-top:30px;margin-left:auto;margin-right:auto;display:flex}.terminal-wrapper{border-radius:16px;flex:1.2;width:100%;max-width:700px;height:350px;max-height:450px;overflow:auto;box-shadow:0 10px 40px #0006}@media (width<=900px){.about-container{flex-direction:column}.terminal-wrapper{width:100%;max-width:100%}}.react-terminal pre,.react-terminal span{line-height:1.2}.react-terminal{white-space:pre;overflow-x:auto}.projects{z-index:1;color:#fff;padding:6rem 1.5rem;font-family:Inter,Segoe UI,sans-serif;position:relative;background:#161322!important}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 0;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;width:100%;transition:all .3s;overflow:hidden}.card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d}.card-img img{object-fit:cover;width:100%;height:180px}.card-body{padding:18px}.card-header{justify-content:space-between;align-items:center;display:flex}.card-header h3{color:#fff;font-size:18px}.date{color:#ddd;background:#fff3;border-radius:20px;padding:4px 8px;font-size:11px}.tech{flex-wrap:wrap;gap:6px;display:flex}.tech span{color:#fff;background:#5dc0ee26;border:1px solid #27eadd4d;border-radius:20px;padding:4px 10px;font-size:12px}.more{background:#ffffff40!important}.read{color:#a5b4fc;margin-top:12px;font-size:14px;font-weight:500}*{scrollbar-color:oklch(50.4407% .283372 278.078/.4) transparent;font-family:Inter,Segoe UI,sans-serif}.overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#1a1a1a;opacity:0;background:#f8f7fc;border-radius:18px;width:clamp(300px,60%,900px);max-height:90vh;padding:20px;animation:.3s forwards modalOpen;position:relative;overflow-y:auto;transform:scale(.9)}@keyframes modalOpen{to{opacity:1;transform:scale(1)}}.modal-img img{object-fit:cover;border:2px dashed #5227ff;border-radius:12px;width:100%;height:clamp(180px,30vh,300px)}.close-btn{float:right;color:#fff;cursor:pointer;background:#5227ff;border:none;border-radius:50%;width:42px;height:42px;transition:all .3s;position:sticky;top:12px;right:2px}.close-btn:hover{background:#000;transform:rotate(90deg)}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.card-header h2{font-size:clamp(20px,2vw,28px)}.p-date{background:#5227ff1a;border:2px solid #5227ff;border-radius:20px;padding:4px 12px;font-size:12px}.p-desc{margin:10px 0 15px;font-size:clamp(14px,1vw,16px);line-height:1.6}.btns{flex-wrap:wrap;gap:12px;display:flex}.btns a{color:#fff;background:#010101;border-radius:8px;padding:8px 16px;font-size:clamp(13px,1vw,15px);text-decoration:none;transition:all .3s}.btns a:hover{background:#000;transform:translateY(-2px)}.p-highlights{background:#fff;border:1.5px solid #5227ff;border-radius:16px;margin-top:15px;padding:15px 20px}.high{color:#5227ff;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.p-highlights ul{padding-left:18px}.p-highlights li{color:#333;margin-bottom:6px;font-size:clamp(13px,1vw,15px);list-style:outside}.p-highlights li::marker{color:#5227ff}.p-tech{margin-top:15px}.p-tech p{color:#6e5ac7;margin-bottom:8px;font-weight:500}.p-tech{flex-wrap:wrap;gap:10px;display:flex}.p-tech span{color:#5227ff;white-space:nowrap;background:#5227ff14;border:1px solid #5227ff4d;border-radius:20px;padding:6px 12px;font-size:clamp(12px,.9vw,14px);transition:all .2s}.p-tech span:hover{color:#fff;background:#5227ff}body.modal-open{overflow:hidden}.achievements{z-index:1;color:#fff;padding:6rem 1.5rem;font-family:Inter,Segoe UI,sans-serif;position:relative}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 0;display:grid}.card-content{flex-direction:column;flex-grow:1;align-items:center;display:flex}.achievement-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#f6f6f6;border:1px solid #ffffff26;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;height:auto;margin-top:15px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:5.3px 10.6px 10.6px #5227ff}@media (width>=1024px){.achievement-grid{grid-template-columns:repeat(3,1fr)}}.achievement-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #0000004d}.image{background-color:#e8e5e5;border:2px solid #0000004d;border-radius:100%;justify-content:center;align-items:center;width:90px;height:90px;margin-top:15%;display:flex}.achievement-card-img{object-fit:contain;width:80px;height:80px;margin:15px 20px;display:block}.achievement-card-body{padding:15px}.achievement-card-header{text-align:center;flex-direction:column;align-items:center;display:flex}.achievement-card-header h3{color:#000;font-size:18px}.achievement-date{color:#000;z-index:2;background:#13131333;border:2px solid #2d73e34d;border-radius:20px;padding:4px 10px;font-size:11px;position:absolute;top:15px;right:15px}.desc{color:#ddd;margin:10px 0;font-size:14px}.achievement-text{color:#000;text-align:left;padding:12px 14px;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.6}.achievement-text ul{margin:15px;padding-left:18px}.achievement-text li{margin-bottom:6px}.proof-btn{color:#60b3f3;border:1px solid #60b3f3;border-radius:5px;width:100px;height:50px;margin:25px auto;padding:14px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:block}.proof-btn:hover{color:#000;background:#b0d8f7}.skills{z-index:1;color:#fff;padding:6rem 1.5rem;font-family:Inter,Segoe UI,sans-serif;position:relative}.title{color:#fff;letter-spacing:-.5px;max-width:1200px;margin:0 auto;padding:10px 0;font-size:clamp(1.5rem,4vw,3.2rem);font-weight:800;line-height:1.1}.subtitle{color:#fff;max-width:1200px;margin:0 auto;padding:10px 0;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:200}.skills-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem 0;display:grid}@media (width<=480px){.skills-container{grid-template-columns:1fr}}.skill-card{color:#fff;background:#1e1e1e;border-radius:12px;padding:20px}.skill-card h3{margin-bottom:15px}.skill-items{flex-wrap:wrap;gap:10px;display:flex}.skill-box{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:8px 14px;font-size:14px;transition:all .3s}.skill-box:hover{border-color:#888;transform:translateY(-2px)}.slider{max-width:1200px;margin:0 auto;padding:20px 0;overflow:hidden}.slide-track{width:3750px;animation:40s linear infinite scroll;display:flex}.slide{justify-content:center;align-items:center;width:250px;display:flex}.slide img{object-fit:contain;background:#fff;border-radius:10px;width:80px;height:80px;padding:10px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.Contact-out{z-index:1;background:#0b0f17;padding:6rem 1.5rem 1rem;position:relative}.Contact-in{flex-direction:column;justify-content:center;align-items:center;display:flex}.c-title{color:#fff;letter-spacing:-.5px;max-width:1200px;margin:0 auto;padding:10px 0;font-size:clamp(1.5rem,4vw,3.2rem);font-weight:800;line-height:1.1}.c-subtitle{color:#fff;max-width:1200px;margin:0 auto;padding:10px 0;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:200}.c-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;max-width:900px;margin:2rem auto;display:grid}@media (width<=768px){.c-grid{grid-template-columns:1fr}}.c-card{color:#fff;background:linear-gradient(145deg,#1a1f2e,#111522);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:20px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.small{width:100%;height:auto;min-height:80px;font-size:clamp(1.25rem,2vw,1.1rem);font-weight:500}.full{grid-column:span 2;width:100%}@media (width<=768px){.full{grid-column:span 1}}.icon{color:#60a5fa;font-size:24px}.label{color:#9ca3af;font-size:14px}.value{font-size:18px;font-weight:600}.c-card:hover{border:1px solid #3b82f6;transform:translateY(-5px);box-shadow:0 10px 30px #3b82f633}.foot{color:#94a5c3;justify-content:center;width:100%;margin-top:50px;font-size:18px;font-style:italic;display:flex;bottom:0}.education{z-index:1;background-color:#1a1f2e;flex-direction:column;padding:6rem 1.5rem;position:relative}.edu-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem 0;display:flex}.edu-card{color:#fff;background:linear-gradient(145deg,#1a1f2e,#111522);border:1px solid #ffffff1a;border-radius:12px;align-self:center;width:100%;max-width:800px;padding:2rem;transition:all .3s}.edu-card:hover{border:1px solid #3b82f6;transform:translateY(-5px);box-shadow:0 10px 25px #3b82f633}.edu-row{align-items:flex-start;gap:clamp(20px,5vw,30px);display:flex}.icon-box{color:#74c0fc;border:2px solid #3b82f6;border-radius:50%;justify-content:center;align-items:center;min-width:45px;height:45px;font-size:clamp(15px,6vw,22px);display:flex}.edu-content h3{margin-bottom:4px;font-size:clamp(18px,5.7vw,21px)}.location{color:#9ca3af;margin-bottom:8px;font-size:clamp(13px,4vw,18px)}.info{color:#d1d5db;margin-bottom:5px;font-size:clamp(15px,4.5vw,19px)}.marks{color:#22c55e;font-size:clamp(15px,4.5vw,19px);font-weight:600}@media (width<=600px){.edu-row{flex-direction:column;align-items:flex-start}.icon-box{margin-bottom:10px}.title{font-size:26px}}
