:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--text-color: #e2e8f0;--text-light: #94a3b8;--background-dark: #0f172a;--background-light: #1e293b;--card-bg: #1e293b;--border-color: #334155;--transition-speed: .3s}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-dark);color:var(--text-color);line-height:1.6;overflow-x:hidden;min-width:320px;min-height:100vh}.cursor{width:30px;height:30px;border:2px solid var(--primary-color);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:all .15s ease;mix-blend-mode:difference;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1)}.cursor:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--primary-color);border-radius:50%;transition:all .2s ease}.cursor-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:all .1s ease;box-shadow:0 0 10px var(--primary-color)}.cursor-grow{transform:scale(1.5);border-color:var(--text-color);background-color:#3b82f61a}.cursor-grow:before{transform:translate(-50%,-50%) scale(.5);background-color:var(--text-color)}.cursor-grow-text{transform:scale(1.2);border-color:var(--text-color);background-color:#3b82f61a}.cursor-grow-text:before{transform:translate(-50%,-50%) scale(.8);background-color:var(--text-color)}::selection{background-color:var(--primary-color);color:var(--background-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#root{animation:fadeIn .5s ease-in}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-color)}p{margin-bottom:1rem;color:var(--text-light)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--text-color)}button{cursor:none;font-family:inherit;border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--card-bg);color:var(--text-color);transition:all var(--transition-speed) ease}button:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--background-dark)}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background-light);display:flex;justify-content:center;align-items:center;z-index:9999}.loading:after{content:"";width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}img{max-width:100%;height:auto}input,textarea,select{font-family:inherit;font-size:1rem;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--card-bg);color:var(--text-color);transition:border-color var(--transition-speed) ease}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);outline:none}.card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0003;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;border:1px solid var(--border-color)}.card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0000004d}@media (max-width: 768px){html{font-size:14px}.container{padding:0 .5rem}}@media print{body{background:#fff;color:#000}.no-print{display:none}}#bb{margin-top:20px;margin-left:20px}h1{font-size:3.2em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#000!important;overflow-x:hidden}.app{position:relative;z-index:1;min-height:100vh;background:#000!important}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0f1cb3;z-index:0;pointer-events:none}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:linear-gradient(to bottom,#0a0f1c,#1a1f2e)}.background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.header{position:fixed;top:0;width:100%;z-index:1000;background:transparent}nav{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}nav h1{font-size:1.5rem;font-weight:700;color:#fff;transition:all .3s ease;position:relative}nav h1:hover{transform:scale(1.05);color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.3)}nav ul{display:flex;list-style:none;gap:2rem}nav a{text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease;position:relative}nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#3b82f6;transition:width .3s ease}nav a:hover{color:#3b82f6}nav a:hover:after{width:100%}.hero{height:100vh;display:flex;align-items:center;justify-content:center;padding:0 2rem;position:relative;z-index:2}.hero-content{text-align:center;max-width:800px;animation:fadeInUp 1s ease-out;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-content h1{position:relative;z-index:2;font-size:3.5rem;margin-bottom:1rem;color:#fff;animation:fadeInUp 1s ease-out .2s backwards;text-shadow:0 0 30px rgba(59,130,246,.15)}.hero-content h1 .name{transition:all .3s ease;cursor:pointer;position:relative}.hero-content h1 .name:hover{color:#3b82f6;text-shadow:0 0 15px rgba(59,130,246,.5)}.hero-content h1 .name:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#3b82f6;transition:width .3s ease}.hero-content h1 .name:hover:after{width:100%}.hero-content h2{font-size:2rem;margin-bottom:1.5rem;color:#3b82f6;animation:fadeInUp 1s ease-out .4s backwards}.hero-content p{font-size:1.2rem;margin-bottom:2rem;color:#e2e8f0;animation:fadeInUp 1s ease-out .6s backwards}.cta-button{padding:1rem 2rem;font-size:1.1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;transition:all .3s ease;animation:fadeInUp 1s ease-out .8s backwards;cursor:pointer}.cta-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.about{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.about-content{padding:2rem;border-radius:20px;width:100%;text-align:center}.about-flex{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto;width:100%}.about-left{flex:2;text-align:left;display:flex;flex-direction:column;justify-content:center;min-width:0}.about-image-right{flex:1;display:flex;align-items:center;justify-content:flex-end}.about-image-container.about-image-right{width:320px;height:280px;min-width:160px;max-width:260px;margin:0;border-radius:40px;overflow:hidden;border:3px solid #3b82f6;box-shadow:0 0 20px #3b82f64d;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.4,2,.6,1)}.about-image-container.about-image-right:hover{transform:scale(1.05)}.about-image{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:18px}.about h2{font-size:2.5rem;color:#fff;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.3)}.about-content p{font-size:1.1rem;color:#e2e8f0;line-height:1.8;text-shadow:0 0 10px rgba(255,255,255,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){nav{flex-direction:column;gap:1rem}nav ul{gap:1rem}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}}@media (max-width: 900px){.about-flex{flex-direction:column-reverse;align-items:center;gap:2rem}.about-left{text-align:center;align-items:center}.about-image-right{justify-content:center}.about-image-container.about-image-right{margin-top:0}}.canvas-container{position:relative;width:100%;height:120px;margin-bottom:1rem;background:#0f172a66;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gradient-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:soft-light}.projects{padding:100px 20px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.projects h2{font-size:2.5rem;margin-bottom:50px;color:#fff;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px}.project-card{background:#ffffff0d;border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;background:#ffffff1a}.project-content{padding:30px}.project-content h3{font-size:1.5rem;margin-bottom:15px;color:#fff}.project-content p{color:#fffc;margin-bottom:20px;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.project-tech span{background:#3b82f633;color:#60a5fa;padding:5px 12px;border-radius:20px;font-size:.9rem}.project-link{color:#60a5fa;font-weight:500;display:flex;align-items:center;gap:5px;transition:color .3s ease}.project-card:hover .project-link{color:#93c5fd}.contact{padding:100px 20px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.contact h2{font-size:2.5rem;margin-bottom:50px;color:#fff;text-align:center}.contact-content{width:100%;max-width:1200px;display:flex;justify-content:center}.contact-card{background:#ffffff0d;border-radius:20px;padding:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003}.contact-item{text-align:center;padding:20px;transition:transform .3s ease}.contact-item:hover{transform:translateY(-5px)}.contact-item i{font-size:2.5rem;color:#3b82f6;margin-bottom:15px}.contact-item h3{color:#fff;font-size:1.2rem;margin-bottom:10px}.contact-item a{color:#fffc;text-decoration:none;transition:color .3s ease;display:block;word-break:break-all}.contact-item a:hover{color:#60a5fa}@media (max-width: 768px){.contact-card{grid-template-columns:1fr;padding:20px}.contact-item{padding:15px}}.education-section{margin-top:3rem;width:100%;display:flex;flex-direction:column;align-items:center}.education-title{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:1.2rem;border-bottom:3px solid #3b82f6;display:inline-block;padding-bottom:.3rem}.education-card{background:#ffffff0d;border-radius:16px;padding:2rem 1.5rem;box-shadow:0 8px 32px #1f268726;width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem;border:1px solid rgba(255,255,255,.08)}.education-header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.education-logo{width:48px;height:48px;object-fit:contain;margin-right:1rem;background:#fff;border-radius:8px;padding:4px;box-shadow:0 2px 8px #3b82f614}.degree{font-size:1.1rem;font-weight:600;color:#fff}.institute{color:#2563eb;font-weight:600;text-decoration:none;font-size:1rem}.institute:hover{text-decoration:underline;color:#3b82f6}.cgpa-block{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.cgpa-label{font-size:.85rem;color:#888;font-weight:500}.cgpa-value{color:#3b82f6;font-size:1.4rem;font-weight:700}.cgpa-outof{color:#888;font-size:1rem}.education-details{margin-top:.5rem;padding-left:1.2rem;color:#e2e8f0;font-size:1rem;line-height:1.7}.education-details li{margin-bottom:.3rem}@media (max-width: 600px){.education-card{padding:1rem .5rem}.education-header{flex-direction:column;align-items:flex-start;gap:.7rem}.cgpa-block{align-items:flex-start}}.slide-in{opacity:0;transform:translateY(60px);transition:opacity 1.2s cubic-bezier(.4,2,.6,1),transform 1.2s cubic-bezier(.4,2,.6,1)}.slide-in.visible{opacity:1;transform:translateY(0)}.spline-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.spline-overlay-top{position:fixed;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,rgba(10,15,28,.95),transparent);z-index:1;pointer-events:none}.spline-overlay-bottom{position:fixed;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top,rgba(10,15,28,1) 0%,rgba(10,15,28,.9) 30%,rgba(10,15,28,.6) 60%,rgba(10,15,28,.3) 85%,rgba(10,15,28,.1) 95%,transparent 100%);z-index:1;pointer-events:none}iframe[src*="spline.design"]{position:fixed!important;top:0;left:0;width:100%!important;height:100%!important;z-index:-1;pointer-events:none;filter:brightness(1.25)}.spline-placeholder{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;background:linear-gradient(135deg,#0a0f1c,#1a1f2e);transition:opacity .5s;opacity:1;pointer-events:none}.particles-container{position:relative;width:100%;height:100%}.text-rotate{display:flex;flex-wrap:wrap;white-space:pre-wrap;position:relative}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-word{display:inline-flex}.text-rotate-lines{display:flex;flex-direction:column;width:100%}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #392e4e;--background-dark: #000000;color-scheme:light dark}.card-grid{display:block;width:100%}.card{display:block;position:relative;width:100%;background:var(--background-dark);border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card__header,.card__content{display:flex;position:relative;color:var(--white)}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:16px}.card__title,.card__description{--clamp-title: 1;--clamp-desc: 2}.card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.card__description{font-size:12px;line-height:1.2;opacity:.9}.card--text-autohide .card__title,.card--text-autohide .card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}.card--border-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * .8)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#8400ff33;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.contact-card .card{background:transparent!important;border:none!important;padding:0!important;margin-bottom:0!important;border-radius:0!important}.contact-card .card:hover{transform:none!important;box-shadow:none!important}.contact-card .card--border-glow:after{display:none!important}.contact-card .card--border-glow:hover:after{display:none!important}.contact-card .card--border-glow:hover{box-shadow:none!important}.project-card{background:transparent!important;border:none!important;padding:0!important;margin-bottom:0!important;border-radius:0!important}.project-card:hover{transform:none!important;box-shadow:none!important}.project-card.card--border-glow:after{display:none!important}.project-card.card--border-glow:hover:after{display:none!important}.project-card.card--border-glow:hover{box-shadow:none!important}.education-card{background:transparent!important;border:none!important;padding:0!important;margin-bottom:0!important;border-radius:0!important}.education-card:hover{transform:none!important;box-shadow:none!important}.education-card.card--border-glow:after{display:none!important}.education-card.card--border-glow:hover:after{display:none!important}.education-card.card--border-glow:hover{box-shadow:none!important}