body{background-color:#000;box-sizing:border-box;padding:0;margin:0;font-family:Segoe UI,sans-serif}html,body{overscroll-behavior:none}::-webkit-scrollbar{display:none}header{display:flex;gap:50px;padding:2px;color:#1d1b1b;background-color:#38373778;align-items:center;justify-content:space-around;flex-wrap:wrap}header h1{color:#fff;font-size:1.8rem}header nav{display:flex;gap:25px;font-size:1.2rem;flex-wrap:wrap;justify-content:center}.active{color:#00e0c3}nav a{text-decoration:none;color:#fff;transition:color .3s ease;font-weight:500;padding:5px 10px;border-radius:6px;box-shadow:0 3px 4px #0000001a}nav a:hover{color:#00f5d4}.home{text-align:center;padding:50px 20px;background-color:#0f0f0f;color:#fff}.home h1{font-size:3rem;color:#00f5d4}.about{padding:60px 20px;max-width:800px;margin:auto;color:#ddd;text-align:center}.about h2{color:#00f5d4;margin-bottom:1rem}.projects{padding:60px 20px;text-align:center}.project-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.project-card{background-color:#f0f0f0;padding:1.5rem;width:250px;border-radius:12px;box-shadow:0 4px 8px #0000001a}.contact{padding:60px 20px;text-align:center;color:#fff}.contact form{max-width:500px;margin:auto;display:flex;flex-direction:column;gap:1rem}.hamburg{display:none}.contact input,.contact textarea{padding:10px;border:1px solid #ccc;border-radius:6px}.contact button{padding:10px;border:none;background-color:#00f5d4;color:#000;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.contact button:hover{background-color:#00e0c3}@media screen and (max-width: 768px){.hamburg{display:block}header{gap:20px;text-align:center}.web{display:none;flex-direction:column}nav a{padding:10px}.mobile{position:absolute;top:4.4rem;width:100%;z-index:1000;display:flex;flex-direction:column;text-align:center;background-color:#bababa1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 8px #0000001a}.home h1{font-size:2.2rem}.project-card{width:100%;max-width:90%}.prs{display:flex;flex-direction:column;align-items:center;margin:5px}}.prs{display:flex;justify-content:space-around;gap:20px}.book{border:2px solid white;position:relative;border-radius:10px;width:300px;height:300px;background-color:#f5f5f5;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;-webkit-transform:preserve-3d;-ms-transform:preserve-3d;transform:preserve-3d;-webkit-perspective:2000px;perspective:2000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000;flex-direction:column}.prs a{text-decoration:none}.cover{top:0;position:absolute;background-color:#d3d3d3;width:100%;height:100%;border-radius:10px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0;-webkit-box-shadow:1px 1px 12px #000;box-shadow:1px 1px 12px #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.book:hover .cover{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotatey(-85deg);-ms-transform:rotatey(-85deg);transform:rotatey(-85deg)}.book p{margin:2em}.btn3{display:flex;justify-content:center;align-items:center;width:13rem;overflow:hidden;height:3rem;background-size:300% 300%;cursor:pointer;backdrop-filter:blur(1rem);border-radius:5rem;transition:.5s;animation:gradient_301 5s ease infinite;border:double 4px transparent;background-image:linear-gradient(#212121,#212121),linear-gradient(137.48deg,#ffdb3b 10%,#fe53bb 45%,#8f51ea 67%,#04f 87%);background-origin:border-box;background-clip:content-box,border-box}#container-stars{position:absolute;z-index:-1;width:100%;height:100%;overflow:hidden;transition:.5s;backdrop-filter:blur(1rem);border-radius:5rem}strong{z-index:2;font-family:Avalors Personal Use;font-size:12px;letter-spacing:5px;color:#fff;text-shadow:0 0 4px white}#glow{position:absolute;display:flex;width:12rem}.circle{width:100%;height:30px;filter:blur(2rem);animation:pulse_3011 4s infinite;z-index:-1}.circle:nth-of-type(1){background:#fe53baa2}.circle:nth-of-type(2){background:#8e51eab4}.btn3:hover #container-stars{z-index:1;background-color:#212121}.btn3:hover{transform:scale(1.1)}.btn3:active{border:double 4px #fe53bb;background-origin:border-box;background-clip:content-box,border-box;animation:none}.btn3:active .circle{background:#fe53bb}#stars{position:relative;background:transparent;width:200rem;height:200rem}#stars:after{content:"";position:absolute;top:-10rem;left:-100rem;width:100%;height:100%;animation:animStarRotate 90s linear infinite}#stars:after{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px}#stars:before{content:"";position:absolute;top:0;left:-50%;width:170%;height:500%;animation:animStar 60s linear infinite}#stars:before{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px;opacity:.5}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-135rem)}}@keyframes animStarRotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes gradient_301{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse_3011{0%{transform:scale(.75);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.75);box-shadow:0 0 #0000}}.card{background-color:var(--bg-color);padding:1rem 2rem;border-radius:1.25rem;display:flex;justify-content:center}.loader{color:#7c7c7c;font-family:Poppins,sans-serif;font-weight:500;font-size:25px;-webkit-box-sizing:content-box;box-sizing:content-box;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:8px}.main p{margin-top:2px;font-size:25px;color:#7c7c7c;font-family:Poppins,sans-serif;font-weight:500}.words{overflow:hidden;position:relative}.words:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg-color) 10%,transparent 30%,transparent 70%,var(--bg-color) 90%);z-index:20}.word{display:block;height:100%;padding-left:6px;color:#956afa;animation:spin_4991 4s infinite}@keyframes spin_4991{10%{-webkit-transform:translateY(-80%);transform:translateY(-80%)}25%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}35%{-webkit-transform:translateY(-202%);transform:translateY(-202%)}50%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}60%{-webkit-transform:translateY(-302%);transform:translateY(-302%)}75%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}85%{-webkit-transform:translateY(-402%);transform:translateY(-402%)}to{-webkit-transform:translateY(-400%);transform:translateY(-400%)}}.result-message{font-size:18px;color:green;margin-top:10px}.skills-head{text-align:center}.skills-head h1{color:#fff;text-shadow:0 0 130px rgba(150,81,81,.5)}@keyframes profileEntrance{0%{opacity:0;transform:scale(.5) rotate(-15deg)}50%{opacity:.7;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.profile img{border-radius:100%;box-shadow:0 0 130px #96515180;border:8px solid whitesmoke;padding:5px;animation:profileEntrance 1.5s ease-out;transition:transform .3s ease;cursor:pointer}.profile img:hover{cursor:pointer;transform:scale(1.05) rotate(2deg)}.skill-lists{display:flex;flex-wrap:wrap;justify-content:space-around;margin:20px;gap:35px;color:#e47df6;line-height:50px}@keyframes textGlow{0%,to{text-shadow:0 0 5px #7f00ff,0 0 10px #00ffe1}50%{text-shadow:0 0 20px #00ffe1,0 0 30px #7f00ff}}.skills-head h1{font-weight:700;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 0 5px #bf8a05,0 0 10px #17e377;animation:pulseShadow 2s ease-in-out;justify-content:center;margin:20px 0}@keyframes iconPulse{0%,to{transform:scale(1);text-shadow:0 0 5px #00ffe1}50%{transform:scale(1.2);text-shadow:0 0 15px #00ffe1}}.hr{padding:5px;margin:5px}@keyframes pulseShadow{0%,to{text-shadow:0 0 5px #00ffe1,0 0 10px #00ffe1}50%{text-shadow:0 0 15px #00ffe1,0 0 30px #00ffe1}}.html-logo{box-shadow:0 4px 15px #e34c2680,0 0 10px #e34c2699,0 0 20px #e34c2666;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.html-logo:hover{transform:scale(1.1);box-shadow:0 0 20px #e34c26cc,0 0 10px #e34c26e6,0 0 20px #e34c26}.css-logo{box-shadow:0 4px 15px #264de480,0 0 10px #264de499,0 0 20px #264de466;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.css-logo:hover{transform:scale(1.1);box-shadow:0 0 20px #264de4cc,0 0 10px #264de4e6,0 0 20px #264de4}.js-logo{box-shadow:0 4px 15px #f7df1e80,0 0 10px #f7df1e99,0 0 20px #f7df1e66;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.js-logo:hover{transform:scale(1.1);box-shadow:0 0 20px #f7df1ecc,0 0 10px #f7df1ee6,0 0 20px #f7df1e}.reacts{box-shadow:0 4px 15px #61dbfb80,0 0 10px #61dbfb99,0 0 20px #61dbfb66;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.reacts:hover{transform:scale(1.1);box-shadow:0 0 20px #61dbfbcc,0 0 10px #61dbfbe6,0 0 20px #61dbfb}.bootstraps{box-shadow:0 4px 15px #7952b380,0 0 10px #7952b399,0 0 20px #7952b366;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.bootstraps:hover{transform:scale(1.1);box-shadow:0 0 20px #7952b3cc,0 0 10px #7952b3e6,0 0 20px #7952b3}.django-logo{box-shadow:0 4px 15px #ff040080,0 0 10px #00ff9d99,0 0 20px #00ff9d66;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.django-logo:hover{transform:scale(1.1);box-shadow:0 0 20px #00ff9dcc,0 0 10px #00ff9de6,0 0 20px #00ff9d}.openai-logo{box-shadow:0 4px 15px #ff040080,0 0 10px #e7150e99,0 0 20px #48ffb966;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.openai-logo:hover{transform:scale(1.1);box-shadow:0 4px 15px #ff0400e6,0 0 10px #e7150ee6,0 0 20px #48ffb9}.python-logo{box-shadow:0 4px 15px #ffbe2980,0 0 10px #8b6c0699,0 0 20px #4c54e866;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.python-logo:hover{transform:scale(1.1);box-shadow:0 0 20px #adc90fcc,0 0 10px #8b6c06e6,0 0 20px #453804}.sql{box-shadow:0 4px 15px #e5e1d980,0 0 10px #d3cece99,0 0 20px #f8f8fa;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.sql:hover{transform:scale(1.1);box-shadow:0 4px 15px #e5e1d999,0 0 10px #d3cecee6,0 0 20px #f8f8fa}.canva-logo{box-shadow:0 4px 15px #9e09994d,0 0 10px #5410bc99,0 0 20px #700892b3;transition:all .4s ease-in-out;border-radius:12px;padding:12px}.canva-logo:hover{transform:scale(1.1);box-shadow:0 4px 15px #9e099999,0 0 10px #5410bce6,0 0 20px #700892}.certificate-section{text-align:center;margin:0;padding:60px 20px;background:linear-gradient(to right,#0f0c29,#181443,#0b0b14);border-radius:20px;box-shadow:0 0 30px #00ff9d1a}.certificate-section h2{color:#fff;font-size:2.5rem;animation:pulseShadow 2s ease-in-out;margin-bottom:30px;text-shadow:0 0 15px #17e377}.certificates-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.certificate-card{width:550px;background:#ffffff0d;border-radius:16px;overflow:hidden;padding:10px;box-shadow:0 0 20px #ffffff1a;transition:transform .4s ease,box-shadow .4s ease;animation:cardEntrance 1s ease forwards}.certificate-card:hover{transform:scale(1.05);box-shadow:0 0 25px #00ff9d99}.certificate-card img{width:100%;border-radius:10px;border:4px solid white}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.about{padding:60px 200px;max-width:900px;color:#f0f0f0;box-shadow:0 4px 15px #b8c8894d;line-height:1.7;font-size:1.1rem}.about p{margin-bottom:1.2rem;font-size:20px}@media (max-width: 768px){.about{padding:40px 16px;font-size:1rem}.skills-head h1{font-size:2rem;text-align:center}}.contact-card{max-width:1250px;margin:40px auto;padding:20px;background-color:#3b393968;box-shadow:0 8px 25px #0000001a;border-radius:15px;text-align:center;font-family:Segoe UI,sans-serif}.contact-card h2{margin-bottom:10px;font-size:24px;color:#f2eded}.contact-card p{color:#c8c5c5;margin-bottom:20px}.icon-container{display:flex;justify-content:center;gap:20px}.icon{font-size:30px;color:#555;padding:12px;border-radius:50%;transition:.3s ease;background-color:#f3f3f3;box-shadow:0 4px 10px #0000001a}.icon:hover{transform:scale(1.15);box-shadow:0 6px 15px #0003}.whatsapp{color:#25d366;background-color:#e8f5e9}.instagram{color:#e1306c;background-color:#fce4ec}.linkedin{color:#0077b5;background-color:#e3f2fd}.github{color:#333;background-color:#eee}.education-section{padding:60px 20px;background-color:#121212;color:#f0f0f0;text-align:center}.education-section h2{font-size:2.5rem;font-weight:700;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 0 5px #bf8a05,0 0 10px #17e377;animation:pulseShadow 2s ease-in-out;justify-content:center;margin:15px 20px}.education-container{cursor:pointer;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:auto}.education-card{background-color:#1e1e1e;border-radius:12px;padding:10px;box-shadow:0 6px 12px #0000004d;transition:transform .3s ease}.education-card:hover{transform:translateY(-5px)}.education-card h3{color:#9de8dc;font-size:1.4rem;margin-bottom:8px}.institution{font-weight:700;margin-bottom:6px;color:#aaa}.year{font-style:italic;margin-bottom:12px;color:#ccc}.description{font-size:.95rem;line-height:1.5}.contact-container{display:flex;justify-content:space-between;align-items:center;padding:50px;gap:40px;background-color:#0f0f0f;color:#fff;flex-wrap:wrap}.contact-left{flex:1;display:flex;flex-direction:column;gap:20px}.contact-left-title h2{font-size:2rem;color:#00ffae;margin-bottom:10px}.contact-inputs{padding:14px 20px;border:none;border-radius:12px;font-size:1rem;background-color:#1e1e1e;color:#fff;outline:none;transition:border .3s ease,box-shadow .3s ease}.contact-inputs:focus{border:2px solid #00ffae;box-shadow:0 0 10px #00ffae66}textarea.contact-inputs{resize:vertical;height:120px}.button{position:relative;padding:14px 28px;background-color:#00ffae;color:#000;font-weight:700;border:none;border-radius:30px;cursor:pointer;overflow:hidden;transition:background-color .4s ease}.button:hover{background-color:#00c994}.hoverEffect{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;overflow:hidden;border-radius:30px}.hoverEffect div{background:#ffffff26;height:100%;width:0%;transform:skew(-20deg);transition:width .5s ease}.button:hover .hoverEffect div{width:200%}.contact-right{flex:1;display:flex;justify-content:center;align-items:center}.contact-right img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 8px 24px #00ffae33}@media (max-width: 768px){.contact-container{flex-direction:column;padding:30px 20px;gap:30px}.contact-left-title h2{font-size:1.5rem;text-align:center}.contact-right img{max-width:90%}.contact-left{width:100%}.button{align-self:center}}@media (max-width: 480px){.contact-inputs{font-size:.9rem;padding:12px 16px}.button{padding:12px 20px;font-size:.9rem}}.shadow__btn{padding:10px 20px;border:none;font-size:17px;color:#fff;border-radius:7px;letter-spacing:4px;font-weight:700;text-transform:uppercase;transition:.5s;transition-property:box-shadow;cursor:pointer}.shadow__btn{background:#008cff;box-shadow:0 0 25px #008c9b}.shadow__btn:hover{box-shadow:0 0 5px #008cff,0 0 15px #008cff,0 0 35px #008cff,0 0 75px #008cff}