.header{display:flex;justify-content:space-between;align-items:center;width:90%;margin:.5rem auto;padding:5px 20px;background-color:#393e46;border-radius:12px;box-shadow:0 4px 8px #0003;transition:background .3s ease-in-out}.header:hover{background-color:#333}.nav-header li:after{content:"";position:absolute;width:0;height:2px;left:50%;bottom:-5px;background-color:#4ecca3;transition:all .3s ease-in-out}.nav-header li:hover:after{left:0;width:100%}.nav-header li .active{color:#4ecca3;font-weight:700}.nav-header li .active:after{left:0;width:100%;scale:1.2;color:#4ecca3}.link{text-decoration:none;color:#e6e6e6}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{width:25px;height:3px;background-color:#e6e6e6;transition:.3s}.nav-header{display:flex}.nav-list{display:flex;list-style:none;gap:1.5rem;padding-left:0;margin:0}.nav-list li{cursor:pointer;position:relative;padding:5px;transition:all .3s,color .3s}.nav-list li:hover{scale:1.2;color:#4ecca3}.nav-header li{cursor:pointer;position:relative;padding:5px;transition:transform .3s,color .3s}.nav-header{display:flex;transition:all .3s}.nav-header.open{display:flex;flex-direction:column}.nav-list{gap:1rem}.contact{background:#4ecca3;padding:1px 20px;border-radius:8px;color:#393e46;font-weight:700;cursor:pointer;transition:all .3s}.contact:hover{color:#fff}.port{font-size:24px;font-weight:700}.port:hover{color:#4ecca3}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#393939cc;padding:20px;cursor:default;border-radius:10px;width:90%;max-width:500px;box-shadow:0 4px 16px #0003}.close{position:relative;top:5px;left:95%;font-size:30px;cursor:pointer;transition:all .3s}.close:hover{color:red}form{display:flex;flex-direction:column}input,textarea{margin-bottom:1rem;margin-top:10px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;color:#efefef;background-color:#393e46}button{background-color:#4ecca3;color:#fff;padding:10px;border:none;cursor:pointer;font-size:16px;border-radius:5px}button:hover{background-color:#3cb591}@media screen and (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.nav-header{display:none;width:100%;background-color:#393e46;text-align:center}.nav-header.open{display:block}.hamburger{display:flex}.nav-list{display:flex;flex-direction:column;gap:1rem;width:100%;padding:10px 0}.nav-list li{width:100%;padding:10px;text-align:center}.contact{margin-top:10px;text-align:center;width:80%;align-self:center}}.about-section{display:flex;justify-content:center;align-items:center;padding:10px 20px;background-color:#1e293b;cursor:default}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.19;pointer-events:none;overflow:hidden}.about-container{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:20px;background:transparent;color:#e5e7eb;border-radius:32px;box-shadow:0 4px 8px #0003;border:10px solid transparent;border-image:linear-gradient(0deg,#ff9cee,#f6d6bd,#99e2b4,#a0c4ff,#ffc6ff) 1;animation:rotateBorder 5s linear infinite}@keyframes rotateBorder{0%{border-image-source:linear-gradient(0deg,#ff9cee,#f6d6bd,#99e2b4,#a0c4ff,#ffc6ff)}50%{border-image-source:linear-gradient(180deg,#ff9cee,#f6d6bd,#99e2b4,#a0c4ff,#ffc6ff)}to{border-image-source:linear-gradient(360deg,#ff9cee,#f6d6bd,#99e2b4,#a0c4ff,#ffc6ff)}}.about-animation{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;transition:transform .3s ease-in-out}.about-content{flex:1;padding:30px}.about-title{font-size:36px;font-weight:700;color:#4ecca3;margin-bottom:20px}.about-description{font-size:18px;margin-bottom:15px;line-height:1.6;color:#ecdfcc;letter-spacing:1.2px;font-family:Yatra One,system-ui}.hover-word{display:inline-block;transition:color .1s ease}.hover-word:hover{color:#fb8b24}.skills{margin-top:30px}.skills h2{font-size:24px;font-weight:600;margin-bottom:15px;color:#4ecca3}.skills-list{list-style-type:none;padding-left:0}.skills-list li{font-size:18px;padding:10px 0;transition:transform .3s;color:#f4f4f5}.skills-list li:hover{transform:scale(1.05)}@media screen and (max-width: 768px){.about-container{flex-direction:column;text-align:center}.about-animation,.about-content{flex:1 1 100%}.about-title{font-size:28px}.about-description{font-size:16px}.skills h2{font-size:20px}.skills-list li{font-size:16px}}body{cursor:none}.sparkle-container{position:fixed;top:0;left:0;pointer-events:none}.sparkle{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.7;pointer-events:none;animation:sparkle-animation .6s ease-out forwards}@keyframes sparkle-animation{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.project-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;overflow:hidden}.projects-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:1200px}.project-card{background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 5px 15px #0003;padding:30px 20px;width:300px;text-align:center;color:#fff;cursor:pointer;position:relative;overflow:hidden;transform-origin:center;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px) scale(1.03)}.card-title{font-size:1.7em;font-weight:600;margin-bottom:15px;color:#f3f7ec;font-family:Yatra One,system-ui;transition:color .3s ease}.card-description{font-size:1.4em;margin-bottom:20px;line-height:1.5;font-weight:500;font-family:Caveat,cursive;color:#d0d0d0}.tech-stack{display:inline-block;background:#90ee90;color:#243b55;padding:5px 10px;border-radius:12px;margin-bottom:20px;font-weight:700}.links{display:flex;justify-content:center;gap:20px;margin-top:15px}.reposatory-link{color:#f3f7ec;cursor:pointer;transition:color .3s ease}.reposatory-link:hover{color:#90ee90}.animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.8;pointer-events:none;overflow:hidden}@media (max-width: 768px){.projects-list{flex-direction:column;gap:20px}.project-card{width:100%}}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem;max-width:1200px;margin:0 auto}.skill-item{display:flex;align-items:center;justify-content:flex-start;padding:1rem;border-radius:8px;background-color:transparent;transition:background-color .3s ease;width:calc(30% - 2rem);cursor:pointer}.icon-text-container{display:flex;align-items:center;gap:1rem}.icon{font-size:3rem;color:#adadad}.icon:hover{color:#efa04d}.name{font-size:1.5rem;font-weight:500;color:#ccc}.name:hover{color:#4ecca3}.skill-item:hover{background-color:transparent}@media (max-width: 768px){.skill-item{width:calc(100% - 2rem)}.name{font-size:1.2rem}.icon{font-size:2.5rem}}body{background-color:#222629;color:#e6e6e6;margin:0;font-family:Arial,sans-serif}.invisible-scrollbar::-webkit-scrollbar{display:none}.invisible-scrollbar{scrollbar-width:none;-ms-overflow-style:none}