body{font-family:"Inter",sans-serif;background-color:#030014;color:#e2d3fd;overflow-x:hidden;position:relative}.typing-animation::after{content:"|";animation:blink-caret 0.75s step-end infinite;background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}@keyframes blink-caret{0%,100%{border-color:#fff0}50%{border-color:currentColor}}.smooth-scroll{scroll-behavior:smooth}.hero-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#030014;background-image:linear-gradient(#4f4f4f30 1px,transparent 1px),linear-gradient(90deg,#4f4f4f30 1px,transparent 1px);background-size:20px 20px;opacity:.8}#dynamic-blob-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.dynamic-blob{position:absolute;background:linear-gradient(135deg,rgb(168 85 247 / .4) 0%,rgb(6 182 212 / .4) 50%,rgb(59 130 246 / .4) 75%,rgb(59 130 246 / .2) 100%);border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;opacity:.7;filter:blur(80px);transition:transform 1.4s ease-out;will-change:transform}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4f46e5}.tab-button{background-color:#fff0;border:none!important;transition:all 0.3s ease-in-out;color:#e2d3fd;text-shadow:0 0 8px rgb(168 85 247 / .6),0 0 15px rgb(99 102 241 / .4);transform:scale(1);outline:none!important;border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.tab-button:focus{outline:none!important;border:none!important;box-shadow:none!important}.tab-button:hover{background-color:transparent!important;border:none!important;box-shadow:none!important;text-shadow:0 0 8px rgb(168 85 247 / .6),0 0 15px rgb(99 102 241 / .4);transform:scale(1.05)}.tab-button.active{background-color:#fff0;border:none!important;box-shadow:none!important;text-shadow:none;position:relative;border-radius:0!important;transition:all 0.3s ease;transform:translateY(-12px)}.tab-button.active span{background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.tab-button.active::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;max-width:11px;height:3px;background:linear-gradient(to right,#6366f1,#a855f7);border-radius:9999px;box-shadow:0 2px 10px rgb(99 102 241 / .5)}.tab-buttons-glass-container{padding:1rem;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:.5rem}@keyframes sparkle{0%,100%{box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #a78bfa,0 0 20px #a78bfa}50%{box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #818cf8,0 0 40px #818cf8}}.animate-sparkle{animation:sparkle 2s ease-in-out infinite alternate}.gradient-text-blur{background:linear-gradient(45deg,#fcd34d,#ef4444,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;filter:blur(.5px);transition:filter 0.3s ease-in-out}.gradient-text-blur:hover{filter:blur(0)}.navbar-logo-gradient{background:linear-gradient(to right,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.nav-link-inactive{@apply text-[#e2d3fd]}.nav-link-active{background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;position:relative}.nav-link-active::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(to right,#6366f1,#a855f7);border-radius:9999px}.badge-background-blur{background:linear-gradient(to right,#6366f1,#a855f7);filter:blur(20px);opacity:.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border-radius:9999px;z-index:-1}.title-blur-effect{background:linear-gradient(to right,#6366f1,#a855f7);filter:blur(30px);opacity:.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:8px;z-index:-1}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#e2d3fd}.form-group input[type="text"],.form-group textarea{background-color:#1a202c;border:1px solid #4a5568;color:#e2d3fd;padding:.75rem 1rem;border-radius:.5rem;width:100%;box-shadow:inset 0 1px 3px rgb(0 0 0 / .6);transition:border-color 0.3s ease,box-shadow 0.3s ease;box-sizing:border-box;padding-left:2.5rem}.form-group input[type="text"]:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgb(99 102 241 / .5);outline:none}.form-group textarea{min-height:8rem;resize:vertical}.custom-file-upload{display:inline-flex;align-items:center;justify-content:center;background-color:#1a202c;border:1px solid #4a5568;color:#e2d3fd;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color 0.3s ease,border-color 0.3s ease;width:100%;box-sizing:border-box}.custom-file-upload:hover{background-color:#2d3748;border-color:#6366f1}.profile-pic-preview{max-width:80px;max-height:80px;border-radius:50%;object-fit:cover;margin-top:.5rem;border:2px solid #6366f1}.btn-submit{background:linear-gradient(to right,#6366f1,#a855f7);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px rgb(0 0 0 / .4)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .6)}.loading-indicator,.error-message,.loading-comments,.no-comments-message{text-align:center;margin-top:1rem;font-weight:500}.loading-indicator,.loading-comments{color:#818cf8}.error-message{color:#ef4444}@media (min-width:768px){.glass-semi{background:#fff0;border-radius:16px;box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5.7px);-webkit-backdrop-filter:blur(5.7px);padding:1.5rem}}.comment-section{background-color:#fff0;border:none;border-radius:0;padding:0;box-shadow:none}.comments-scroll-container{max-height:400px;overflow-y:auto;padding-right:10px;display:flex;flex-direction:column}.comment-card{display:flex;align-items:flex-start;background-color:#1a202c;border-radius:.5rem;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px rgb(0 0 0 / .3);transition:transform 0.2s ease-in-out;gap:1rem}.comment-card:hover{transform:translateY(-2px)}.comment-card.pinned-comment{background-color:rgb(40 42 53 / .8);border:1px solid rgb(168 85 247 / .3);order:-1}.comment-avatar-wrapper{width:40px;height:40px;border-radius:50%;background-color:#6366f1;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#fff;font-weight:700;font-size:1.2rem}.comment-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-avatar-initial{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#6366f1;color:#fff;font-weight:700;font-size:1.2rem}.comment-content-wrapper{flex-grow:1;min-width:0}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;flex-wrap:wrap}.comment-author{font-weight:700;color:#a855f7;min-width:0;flex-shrink:1;word-break:break-all}.comment-content{color:#cbd5e1;line-height:1.5;margin-bottom:.5rem;word-wrap:break-word}.comment-date{font-size:.875rem;color:#9ca3af;white-space:nowrap;margin-left:auto}.social-card{display:flex;align-items:center;background-color:rgb(28 30 39 / .7);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .05);border-radius:.75rem;padding:1rem;box-shadow:0 4px 15px rgb(0 0 0 / .5);text-decoration:none;color:inherit}.social-card-icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:.5rem;margin-right:1rem;background-color:rgb(40 42 53 / .7)}.social-card-text-content{display:flex;flex-direction:column;text-align:left}.social-card-title{font-weight:600;color:#e2d3fd;font-size:1.125rem;line-height:1.5rem}.social-card-subtitle{font-size:12px;color:#9ca3af}.footer-line{width:100%;max-width:300px;height:2px;background:linear-gradient(to right,#6366f1,#a855f7);margin:0 auto 1rem auto;border-radius:9999px}.tech-stack-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;height:120px}.tech-stack-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgb(0 0 0 / .7)}.tech-stack-card i,.tech-stack-card img{margin-bottom:.5rem}.detail-gradient-border-button{background:linear-gradient(#030014,#030014) padding-box,linear-gradient(to right,#6366f1,#a855f7) border-box;border:1px solid #fff0;border-radius:.5rem;color:#fff0;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.detail-gradient-border-button:hover{background:linear-gradient(#030014,#030014) padding-box,linear-gradient(to right,#7c3aed,#9333ea) border-box;box-shadow:0 0 10px rgb(99 102 241 / .5)}.modal-glass-background-overlay{background-color:#030014;opacity:.8}.modal-enter-active{animation:modal-fade-in 0.4s forwards}.modal-exit-active{animation:modal-fade-out 0.4s forwards}@keyframes modal-fade-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes modal-fade-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.modal-back-button{background:linear-gradient(#030014,#030014) padding-box,linear-gradient(to right,#6366f1,#a855f7) border-box;border:1px solid #fff0;border-radius:.5rem;padding:.5rem 1rem;transition:all 0.3s ease;backdrop-filter:blur(8px);box-shadow:0 2px 8px rgb(0 0 0 / .3)}.modal-back-button:hover{background:linear-gradient(#030014,#030014) padding-box,linear-gradient(to right,#7c3aed,#9333ea) border-box;box-shadow:0 0 15px rgb(99 102 241 / .7)}.modal-tech-item{background-color:rgb(28 30 39 / .7);backdrop-filter:blur(8px);border:1px solid #fff0;background-image:linear-gradient(rgb(28 30 39 / .7),rgb(28 30 39 / .7)),linear-gradient(to right,#6366f1,#a855f7);background-origin:border-box;background-clip:padding-box,border-box;border-radius:.5rem;padding:.5rem .8rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px rgb(0 0 0 / .3);transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;width:fit-content}.modal-tech-item span{font-size:.875rem}.modal-tech-item i{font-size:1rem}.modal-tech-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .4);background-image:linear-gradient(rgb(28 30 39 / .7),rgb(28 30 39 / .7)),linear-gradient(to right,#7c3aed,#9333ea)}.modal-key-features-container{background-color:rgb(5 5 10 / .85);backdrop-filter:blur(12px);border:1px solid #fff0;background-image:linear-gradient(rgb(5 5 10 / .85),rgb(5 5 10 / .85)),linear-gradient(to right,#4338ca,#7e22ce);background-origin:border-box;background-clip:padding-box,border-box;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 8px rgb(0 0 0 / .3)}.modal-key-features-container .modal-key-features-title{color:#f97316;position:relative;padding-left:1.8rem}.modal-key-features-container .modal-key-features-title::before{font-family:"Font Awesome 6 Free";content:"\f005";font-weight:900;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#f97316}.modal-image-wrapper{background-color:rgb(5 5 10 / .85);backdrop-filter:blur(12px);border:1px solid #fff0;background-image:linear-gradient(rgb(5 5 10 / .85),rgb(5 5 10 / .85)),linear-gradient(to right,#4338ca,#7e22ce);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 2px 8px rgb(0 0 0 / .3)}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.modal-icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.glass-cs{background-color:rgb(255 255 255 / .05);backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / .1);border-radius:.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -2px rgb(0 0 0 / .05)}.glow-btn{box-shadow:0 0 10px rgb(99 102 241 / .4),0 0 20px rgb(99 102 241 / .2);transition:box-shadow 0.3s ease}.glass-cs2{background-color:rgb(28 30 39 / .7);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .05);border-radius:.75rem;box-shadow:0 4px 15px rgb(0 0 0 / .5)}