body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{background:linear-gradient(135deg,#1f1c2c,#4b5e8e);color:#fff;min-height:120vh;overflow:hidden;position:relative}#tsparticles{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.intro-section{align-items:center;display:flex;justify-content:space-between;min-height:90vh;position:relative;z-index:1}.home-text{flex:2 1;padding-right:40px}.home-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:3.5rem;margin-bottom:15px}.typing-effect{animation:typing 3s steps(40) infinite,blink .75s step-end infinite;border-right:2px solid #ff6b6b;color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#ff6b6b}}.social-links{display:flex;gap:20px;margin:20px 260px}.social-logo{color:#fff;font-size:2rem;transition:transform .3s ease,color .3s ease}.social-logo:hover{color:#4ecdc4;transform:scale(1.2)}.cta-buttons{display:flex;gap:20px;margin-left:180px}.contact-btn,.resume-btn{border-radius:25px;font-family:Montserrat,sans-serif;font-size:1.2rem;padding:12px 25px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.resume-btn{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff}.contact-btn{background:#0000;border:2px solid #4ecdc4;color:#4ecdc4}.contact-btn:hover,.resume-btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-3px)}.home-image{flex:1 1;text-align:center}.home-image img{border:5px solid #fff;border-radius:50%;box-shadow:0 0 20px #4ecdc480;height:250px;object-fit:cover;transition:transform .3s ease;width:250px}.home-image img:hover{transform:scale(1.05)}.skills-section{padding:60px 5%;position:relative;text-align:center;z-index:1}.skills-section h2{color:#fff;font-family:Poppins,sans-serif;font-size:2.5rem;margin-bottom:30px}.skills-container{display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1200px}.skill-bar{text-align:center;width:180px}.skill-name{color:#fff;font-family:Montserrat,sans-serif;font-size:1.1rem;margin-bottom:10px}.progress-tube{background:#fff3;border-radius:5px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:5px;height:100%;position:relative;transition:width 1.5s ease-in-out}.skill-bar.animate .progress-fill{width:inherit}.percentage{color:#fff;font-size:.7rem;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.about-section{padding:60px 5%;position:relative;text-align:center;z-index:1}.about-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:2.5rem;margin-bottom:20px}.about-section p{color:#ddd;margin:0 auto 30px;max-width:800px}.about-section p,.know-more-btn{font-family:Montserrat,sans-serif;font-size:1.2rem}.know-more-btn{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:25px;color:#fff;padding:12px 25px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.know-more-btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-3px)}.footer{z-index:1}.footer-social a{font-size:1.8rem;margin:0 15px}.footer-social a:hover{box-shadow:0 0 10px #4ecdc480;color:#4ecdc4;transform:scale(1.2)}@media (max-width:768px){.intro-section{flex-direction:column-reverse;min-height:auto;padding:12px 5%}.home-text h1{font-size:2.5rem}.typing-effect{font-size:1.2rem}.home-image img{height:180px;margin-top:90px;width:180px}.cta-buttons{flex-direction:column;gap:10px}.skills-container{flex-direction:column;gap:15px}.skill-bar{margin:0 auto;max-width:300px;width:100%}.about-heading{font-size:2rem}.footer-content{flex-direction:column}}.about-container{background:linear-gradient(135deg,#f4f4f9,#e0e7ff);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:80px 0 0}.intro-section{animation:fadeIn 1s ease-in-out;margin-bottom:60px;padding:0 5%;text-align:center}.intro-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Poppins,sans-serif;font-size:3rem;margin-bottom:20px;position:relative;text-shadow:0 2px 5px #0000001a}.intro-section h1:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.intro-section p{color:#666;font-family:Montserrat,sans-serif;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}.details-section{animation:fadeIn 1.5s ease-in-out;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;padding:0 5% 60px;position:relative}.education,.experience{flex:1 1;min-width:300px}.education h2,.experience h2{color:#1f1c2c;font-family:Poppins,sans-serif;font-size:2rem;margin-bottom:20px;position:relative}.education h2:after,.experience h2:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);bottom:-5px;content:"";height:3px;left:0;position:absolute;width:50px}.divider{align-self:stretch;background:linear-gradient(180deg,#ff6b6b,#4ecdc4);height:auto;width:2px}.detail-item{align-items:flex-start;background:#fffc;border-radius:10px;display:flex;margin-bottom:30px;opacity:.7;padding:15px;position:relative;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.detail-item:hover{box-shadow:0 5px 15px #0000001a;opacity:1;transform:translateY(-5px)}.detail-item.visible{opacity:1}.tick{color:#4ecdc4;flex-shrink:0;font-size:1.2rem;margin-right:15px;opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease}.detail-item.visible .tick{opacity:1;transform:scale(1)}.content h3{color:#333;font-family:Montserrat,sans-serif;font-size:1.4rem;margin-bottom:5px}.content .degree,.content .role{color:#ff6b6b;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:500}.content .duration{color:#999;margin:5px 0}.content .details,.content .duration{font-family:Montserrat,sans-serif;font-size:1rem}.content .details{color:#666;line-height:1.5}.detail-item:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);bottom:-10px;content:"";height:1px;left:0;opacity:.7;position:absolute;width:100%}.footer{background:#1f1c2c;padding:40px 0}.footer-content{margin-bottom:20px;padding:0 5%}.footer-links,.footer-services,.footer-social{margin:20px}.footer-links h3,.footer-services h3,.footer-social h3{color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;margin-bottom:15px}.footer-links a,.footer-services p{color:#ccc;font-family:Montserrat,sans-serif;margin:8px 0;transition:color .3s ease}.footer-links a:hover{color:#ff6b6b}.footer-social a{color:#ccc;font-size:1.5rem;margin:0 10px;transition:color .3s ease,transform .3s ease,box-shadow .3s ease}.footer-social-icon:hover{box-shadow:0 0 10px #4ecdc480;color:#4ecdc4}.footer-bottom{border-top:1px solid #333;padding:20px 5%}.footer-bottom p{color:#999;font-size:.9rem;margin:0}.footer-bottom a{color:#ff6b6b;margin-left:5px}.footer-bottom a:hover{color:#4ecdc4}@media (max-width:768px){.intro-section h1{font-size:2.5rem}.intro-section p{font-size:1rem}.details-section{flex-direction:column;gap:20px}.divider{display:none}.education h2,.experience h2{font-size:1.8rem}.content h3{font-size:1.2rem}.content .degree,.content .role{font-size:1rem}.content .details,.content .duration{font-size:.9rem}.footer-content{flex-direction:column}}.footer{background:linear-gradient(135deg,#1f1c2c,#928dab);box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;padding:40px 0 20px}.footer-content{box-sizing:border-box;justify-content:space-around;padding:0 5vw}.footer-links,.footer-services,.footer-social{margin:10px 20px;min-width:150px}.footer h3{border-bottom:1px solid #fff;font-size:1.1rem;margin-bottom:10px;padding-bottom:5px}.footer a{color:#fff;display:block;margin:6px 0;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fc0}.footer-social-icon{font-size:1.4rem;margin-right:12px;transition:transform .3s ease}.footer-social-icon:hover{transform:scale(1.2)}.footer-bottom{border-top:1px solid #fff;font-size:.9rem;margin-top:20px;padding-top:12px;text-align:center}.footer-bottom a{color:gold;margin-left:10px;text-decoration:underline}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fd3636,#b0a1fc);box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;padding:12px 5%;position:fixed;top:0;width:100%;z-index:1000}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff7e5f,#feb47b);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;letter-spacing:3px;transition:transform .3s ease;white-space:nowrap}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;flex-wrap:nowrap;gap:15px;list-style:none;margin:0;padding:0}.nav-links li{transition:transform .3s ease}.nav-links a{border-radius:25px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-links a:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}.nav-links a:hover:after{transform:scaleX(1);transform-origin:bottom left}.nav-links a:hover{background:#f746fd1a;color:#66fb09;transform:translateY(-2px)}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:2rem;transition:transform .3s ease;z-index:1100}.menu-icon:hover{color:#ffee58;transform:scale(1.1)}@media (max-width:768px){.navbar{padding:12px 4%}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e000a;border-left:1px solid #e2ede71a;border-radius:20px;box-shadow:-4px 0 25px #0006;flex-direction:column;height:60vh;padding:80px 20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s ease-in-out;width:50%}.nav-links.open{transform:translateX(0)}.nav-links li{margin:12px 0}.nav-links a{display:inline-block;font-size:1.3rem;padding:6px 10px;text-align:left;width:100%}.menu-icon{display:block}}@media (min-width:1200px){.navbar{padding:15px 8%}.nav-links{gap:10px}}.projects-container{align-items:center;background:linear-gradient(145deg,#f8fafc,#e5f3ff),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='%23e2e8f0' fill-opacity='.15'%3E%3Cpath d='M0 0h60v60H0zM30 30l15-15M30 30 15 15m15 15 15 15M30 30 15 45'/%3E%3C/g%3E%3C/svg%3E");background-size:cover,60px 60px;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:100px 0 0;position:relative;text-align:center}.projects-container:before{animation:subtlePulse 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes subtlePulse{0%,to{opacity:.4}50%{opacity:.7}}.projects-container h1{-webkit-text-fill-color:#0000;animation:slideIn 1.2s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#ff3e6c,#00ddeb);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Inter,sans-serif;font-size:4rem;font-weight:700;letter-spacing:1px;margin-bottom:60px;position:relative;text-transform:uppercase}.projects-container h1:after{animation:expand 1.5s ease-out;background:linear-gradient(90deg,#ff3e6c,#00ddeb);border-radius:5px;bottom:-20px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:120px}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expand{0%{width:0}to{width:120px}}.projects-grid{grid-gap:50px;animation:fadeIn 1.8s cubic-bezier(.4,0,.2,1);display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1400px;padding:0 20px;width:90%}.project-card{background:#fffffffa;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 30px #00000026;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.project-card:before{border:4px solid #0000;border-image:linear-gradient(45deg,#ff3e6c,#00ddeb) 1;border-radius:24px;content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.project-card:hover{box-shadow:0 15px 40px #00000040;transform:translateY(-12px) scale(1.02)}.project-card:hover:before{opacity:.8}.project-thumbnail{height:250px;object-fit:cover;transition:transform .5s cubic-bezier(.25,.8,.25,1);width:100%}.project-card:hover .project-thumbnail{transform:scale(1.08)}.project-info{padding:30px;position:relative}.project-info h2{color:#1a1a1a;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:12px;transition:color .3s ease}.project-info p{color:#4a4a4a;font-family:Inter,sans-serif;font-size:1rem;line-height:1.7;margin-bottom:20px}.tech-stack{display:flex;flex-wrap:wrap;gap:12px}.tech-tag{background:linear-gradient(135deg,#ff3e6c,#00ddeb);border-radius:20px;color:#fff;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;padding:8px 14px;transition:transform .3s ease}.tech-tag:hover{transform:translateY(-2px)}.footer{background:#0f172a;margin-top:auto;overflow:hidden;padding:60px 0 20px;position:relative;text-align:center;width:100%}.footer:before{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto 30px;max-width:1400px;padding:0 20px}.footer-links,.footer-services,.footer-social{flex:1 1;margin:25px;min-width:200px}.footer-links h3,.footer-services h3,.footer-social h3{color:#f8fafc;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:600;margin-bottom:20px}.footer-links a,.footer-services p{color:#d1d5db;display:block;font-family:Inter,sans-serif;font-size:.95rem;margin:10px 0;text-decoration:none;transition:color .3s ease,transform .3s ease}.footer-links a:hover{color:#ff3e6c;transform:translateX(5px)}.footer-social a{color:#d1d5db;font-size:2rem;margin:0 20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.footer-social-icon:hover{color:#00ddeb;filter:drop-shadow(0 0 8px rgba(0,221,235,.5));transform:scale(1.3)}.footer-bottom{border-top:1px solid #1e293b;padding:25px 20px}.footer-bottom p{color:#9ca3af;font-family:Inter,sans-serif;font-size:.95rem}.footer-bottom a{color:#ff3e6c;margin-left:8px;text-decoration:none;transition:color .3s ease}.footer-bottom a:hover{color:#00ddeb}@media (max-width:1024px){.projects-container h1{font-size:3rem}.projects-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-info h2{font-size:1.6rem}}@media (max-width:768px){.projects-container h1{font-size:2.5rem}.projects-grid{gap:20px;grid-template-columns:1fr}.project-card{margin:0 auto;max-width:90%}.project-info h2{font-size:1.4rem}.project-info p{font-size:.9rem}.footer-content{align-items:center;flex-direction:column}.footer-links,.footer-services,.footer-social{margin:15px 0}}@media (max-width:480px){.projects-container h1{font-size:2rem}.project-thumbnail{height:200px}.project-info{padding:20px}.tech-tag{font-size:.8rem;padding:6px 10px}}.career-container{align-items:center;background:linear-gradient(135deg,#f9f9f9,#e0f7fa),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%23ddd' fill-opacity='.2'%3E%3Cpath d='M0 0h40v40H0zM20 20l10-10M20 20 10 10m10 10 10 10M20 20 10 30'/%3E%3C/g%3E%3C/svg%3E");background-size:cover,40px 40px;display:flex;flex-direction:column;min-height:100vh;padding:80px 5%;text-align:center}.career-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Poppins,sans-serif;font-size:3.5rem;margin-bottom:50px;position:relative}.career-container h1:after{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px;max-width:1200px;width:100%}.service-card{background:#fffffff2;border-radius:20px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-10px)}.service-thumbnail{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.service-card:hover .service-thumbnail{transform:scale(1.05)}.service-info{padding:20px}.service-info h2{color:#333;font-family:Poppins,sans-serif;font-size:1.6rem;margin-bottom:10px}.service-info .price{color:#ff6b6b;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:10px}.service-info p{color:#666;font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.6}.tabs{display:flex;gap:20px;margin-bottom:40px}.tab-button{background:#fff;border:2px solid #ddd;border-radius:25px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.2rem;padding:12px 25px;transition:all .3s ease}.tab-button.active{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border:none;box-shadow:0 4px 15px #0003;color:#fff}.tab-button:hover:not(.active){border-color:#ff6b6b;transform:translateY(-3px)}.form-container{animation:fadeIn .5s ease-in-out;background:#fffffff2;border-radius:20px;box-shadow:0 4px 15px #0000001a;max-width:600px;padding:40px;width:100%}.inquiry-form h2{color:#333;font-family:Poppins,sans-serif;font-size:2rem;margin-bottom:20px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#666;display:block;font-family:Montserrat,sans-serif;font-size:1.1rem;margin-bottom:5px}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:10px;font-family:Montserrat,sans-serif;font-size:1rem;outline:none;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#ff6b6b}.form-group textarea{min-height:100px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.2rem;padding:12px 25px;transition:transform .3s ease,box-shadow .3s ease}.submit-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.payment-section{margin-top:40px}.payment-btn{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.2rem;padding:12px 25px;transition:transform .3s ease,box-shadow .3s ease}.payment-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.qr-code-container{animation:fadeIn .5s ease-in-out;margin-top:20px}.qr-code{border-radius:10px;box-shadow:0 4px 15px #0000001a;height:200px;width:200px}.qr-code-container p{color:#666;font-family:Montserrat,sans-serif;font-size:1rem;margin-top:10px}@media (max-width:768px){.career-container h1{font-size:2.5rem}.services-grid{grid-template-columns:1fr}.service-card{margin:0 auto;max-width:400px}.tabs{flex-direction:column;gap:15px}.tab-button{margin:0 auto;max-width:300px;width:100%}.form-container{padding:20px}.inquiry-form h2{font-size:1.8rem}.form-group input,.form-group textarea{font-size:.9rem}.payment-btn,.submit-btn{font-size:1rem}.qr-code{height:150px;width:150px}}.success-popup{animation:fadeIn .3s ease-in-out;background:#ffffffe6;border-radius:10px;box-shadow:0 4px 10px #0000004d;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.success-content{color:#28a745;font-size:20px;font-weight:700}.notes-container{background:linear-gradient(135deg,#f5f7fa,#e4e7eb);font-family:Inter,sans-serif;min-height:100vh;padding:90px 20px;text-align:center;transition:background .5s ease}.upload-timing{color:#555;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin-bottom:2rem;opacity:.9}.category-boxes{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.category-card{background:linear-gradient(145deg,#fff,#e6f0ff);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#1a3c6e;cursor:pointer;font-size:1.2rem;font-weight:600;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.category-card:hover{background:linear-gradient(145deg,#d6eaff,#b3d4ff);border-color:#007bff;box-shadow:0 6px 20px #007bff33;transform:translateY(-5px)}.category-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.category-card:hover:before{left:100%}.notes-section{animation:fadeIn .5s ease-in-out;margin-top:2.5rem}notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:20px}.note-card{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:15px}.button-group{justify-content:space-between;margin-top:10px}.note-card{border:none;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.note-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.note-card h2{font-size:1.25rem;margin-bottom:1rem}.button-group{flex-wrap:wrap;gap:.75rem}.download-btn,.read-btn{font-size:.9rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.download-btn:hover,.read-btn:hover{transform:translateY(-2px)}.download-btn:before,.read-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.download-btn:hover:before,.read-btn:hover:before{left:100%}.notes-container h1{color:#ee220b;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notes-container{padding:90px 15px}.category-card{font-size:1rem;padding:1rem 1.5rem}.notes-grid{grid-template-columns:1fr}.note-card{margin:0 auto;max-width:320px;width:100%}.notes-container h1{font-size:2rem}}@media (prefers-color-scheme:white){.notes-container{background:linear-gradient(135deg,#d29797,#2c2c2c);color:#e0e0e0}.category-card{background:linear-gradient(145deg,#dd3636,#3a3a3a);color:#e0e0e0}.note-card{background:#dc7474;box-shadow:0 6px 20px #ffffff1a}}.service-container{background-color:#f9f9f9;font-family:Segoe UI,sans-serif;padding:90px 20px;text-align:center}h1{font-size:32px;margin-bottom:10px}.ai-badge{color:#007bff;font-weight:600;margin-bottom:30px}.service-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.service-card{background:#fff;border-radius:14px;border-top:4px solid #007bff;box-shadow:0 8px 16px #0000001a;padding:25px;transition:transform .3s;width:300px}.service-card:hover{transform:translateY(-5px)}.price{color:#007bff;font-size:24px;font-weight:700;margin:10px 0 20px}.feature-list{list-style:none;margin:0 0 20px;padding:0;text-align:left}.feature-list li{margin-bottom:10px}.choose-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.choose-btn:hover{background-color:#0056b3}.blog-container{background-color:#fdfdfd;font-family:Segoe UI,sans-serif;padding:90px 20px;text-align:center}h1{color:#333;font-size:36px;margin-bottom:20px}.blog-intro{color:#444;font-size:18px;line-height:1.6;margin:0 auto 40px;max-width:700px}.blog-placeholder{background:#f0f8ff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:auto;max-width:600px;padding:40px}.blog-placeholder h2{color:#007bff;font-size:24px;margin-bottom:10px}.webdev-container{background:linear-gradient(135deg,#f5f7fa,#e4e7eb);font-family:Inter,sans-serif;min-height:100vh;padding:100px 20px;text-align:center}.roadmap{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.roadmap-step{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000f;color:#1a3c6e;display:flex;font-size:1rem;font-weight:500;gap:10px;padding:12px 20px}.arrow{color:#007bff;font-size:1.4rem}.notes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:5px}.note-card{background:#fff;border-radius:14px;box-shadow:0 6px 20px #00000014;padding:20px;text-align:left;transition:.3s ease-in-out}.note-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.note-card h2{color:#1a3c6e;font-size:1.2rem;font-weight:600;margin-bottom:10px}.button-group{display:flex;flex-direction:column;gap:10px}.download-btn,.read-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 15px;transition:.3s ease}.download-btn{background:linear-gradient(90deg,#007bff,#0056b3)}.download-btn:hover{background:linear-gradient(90deg,#0056b3,#003d82)}.read-btn{background:linear-gradient(90deg,#28a745,#218838)}.read-btn:hover{background:linear-gradient(90deg,#218838,#1a6b2e)}@media (max-width:768px){.roadmap-step{flex-direction:column;font-size:.95rem}.arrow{display:none}.button-group{align-items:stretch;flex-direction:column}}@media (prefers-color-scheme:white){.webdev-container{background:linear-gradient(135deg,#020000,#2c2c2c);color:#e23d3d}.note-card{background:#020202;box-shadow:0 6px 20px #ffffff1a;color:#fff}.roadmap-step{background:#3a3a3a;color:#fff}}
/*# sourceMappingURL=main.95b71290.css.map*/