.home-section{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#fff;text-align:center;padding:0 20px}.content-wrapper{max-width:800px;animation:fadeInUp 1s ease forwards}.name{font-size:3rem;margin-bottom:.5rem;font-weight:700}.title{font-size:1.8rem;margin-bottom:1rem;color:#0ff}.tagline{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button{background-color:#0ff;color:#000;padding:.75rem 2rem;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.cta-button:hover{background-color:#0dd}.react-title{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:2rem;font-weight:600;color:#61dafb}.react-icon{animation:spin 5s linear infinite;font-size:2.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1100px;margin:4rem auto 6rem;padding:0 1.5rem;color:#fff}.section-title{font-size:2.8rem;font-weight:700;color:#0ff;margin-bottom:2rem;text-align:center;letter-spacing:2px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.card{background:#1e293b;border-radius:12px;padding:1.8rem 1.5rem 2.2rem;box-shadow:0 8px 20px #00ffff26;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}.card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00ffff4d}.card h3{font-size:1.6rem;color:#0ff;margin-bottom:.8rem;font-weight:700}.card p{font-size:1rem;color:#d1d5db;line-height:1.5;margin-bottom:1.5rem;flex-grow:1}.card a{display:inline-block;color:#0ff;text-decoration:none;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.card a:hover{color:#0cc;text-decoration:underline}.container-react-section h2{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#0ff,#00bfff,#1e90ff,#0ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 5s ease infinite;text-shadow:0 0 10px rgba(0,255,255,.3);margin-bottom:1rem;letter-spacing:1.5px;text-align:center}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#scroll-arrow{position:fixed;bottom:2.5rem;right:2.5rem;background-color:#0070f3;color:#fff;border:none;border-radius:50px;padding:.75rem 1.3rem;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 7px 15px #0070f366;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,box-shadow .3s ease;z-index:999}#scroll-arrow:hover,#scroll-arrow:focus{background-color:#004bb5;box-shadow:0 12px 25px #004bb580;outline:none}@media (max-width: 768px){.container{margin:2rem auto 4rem;padding:0 1rem}.section-title{font-size:2rem}.card{padding:1.4rem 1.2rem 1.8rem;min-height:auto}#scroll-arrow{font-size:1rem;padding:.7rem 2rem}.section-heading{font-size:1.5rem}}.card.react-project:before{content:"⚛ React";display:inline-block;font-size:.7rem;color:#0ff;background:#00ffff1a;border:1px solid #00ffff40;padding:2px 6px;border-radius:6px;margin-bottom:.5rem}.container-react-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;max-width:1200px;margin:0 auto;gap:2rem;text-align:center}header h1{font-size:1.5rem;color:#0ff}nav{display:flex;gap:1.5rem}nav a{color:#fff;text-decoration:none;font-size:1rem;position:relative;transition:color .3s ease}nav a:after{content:"";display:block;width:0%;height:2px;background-color:#0ff;transition:width .3s ease;position:absolute;bottom:-4px;left:0}nav a:hover:after{width:100%}footer{background-color:#0f172a;color:#fff;text-align:center;padding:1rem;font-size:.95rem;border-top:1px solid rgba(255,255,255,.1);position:relative;bottom:0;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.about-section{background:#f5f8fa;padding:4rem 2rem;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-radius:12px;max-width:800px;margin:2rem auto;box-shadow:0 8px 20px #0000000d;transition:background .3s ease,color .3s ease}.about-wrapper{display:flex;flex-direction:column;max-width:700px;margin:0 auto}.section-title{font-size:2.8rem;color:#2c3e50;margin-bottom:1.5rem;border-bottom:3px solid #2980b9;padding-bottom:.3rem;font-weight:700}.about-text{font-size:1.15rem;line-height:1.65;margin-bottom:1.4rem;color:#444}.about-text strong{color:#2980b9;font-weight:600}@media (max-width: 600px){.about-section{padding:2.5rem 1.5rem}.section-title{font-size:2.2rem}.about-text{font-size:1rem}}.about-section.dark-mode{background:#1e1e2f;color:#ddd;box-shadow:0 8px 20px #ffffff1a}.about-section.dark-mode .section-title{color:#8ab4f8;border-color:#8ab4f8}.about-section.dark-mode .about-text{color:#ccc}.about-section.dark-mode .about-text strong{color:#8ab4f8}.dark-mode-toggle{background:#2980b9;color:#fff;border:none;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:1rem;border-radius:25px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.dark-mode-toggle:hover,.dark-mode-toggle:focus{background:#1c5980;outline:none}.dark-mode .dark-mode-toggle{background:#8ab4f8;color:#1e1e2f}.dark-mode .dark-mode-toggle:hover,.dark-mode .dark-mode-toggle:focus{background:#69f}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0f172a;color:#fff;line-height:1.6}body{background-color:#0f172a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0}header{background-color:#0f172a;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000004d}header h1{font-size:1.5rem;color:#0ff;margin:0}nav a{color:#fff;text-decoration:none;font-size:1rem;margin-left:1.5rem;position:relative;transition:color .3s ease}nav a:hover{color:#0ff}main{padding:3rem 1.5rem;display:flex;justify-content:center}.contact-box{background-color:#1e293b;padding:2rem 3rem;border-radius:10px;max-width:600px;width:100%;box-shadow:0 8px 20px #00ffff26}.contact-box h2{font-size:2rem;color:#0ff;margin-bottom:1.5rem;text-align:center}label{display:block;margin-bottom:.5rem;font-weight:600}input[type=text],input[type=email],textarea{width:100%;padding:.75rem 1rem;border-radius:6px;border:none;margin-bottom:1.5rem;font-size:1rem;background-color:#0f172a;color:#fff;box-shadow:inset 0 0 5px #0ff3;resize:vertical}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:#ccc}button[type=submit]{background-color:#0ff;color:#000;padding:.75rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease;display:block;margin:0 auto}button[type=submit]:hover{background-color:#0dd}footer{background-color:#0f172a;color:#fff;text-align:center;padding:1rem;font-size:.95rem;border-top:1px solid rgba(255,255,255,.1);position:relative;bottom:0;width:100%;margin-top:3rem}.profile-container{max-width:900px;margin:2rem auto;padding:1rem 2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222;background:#f9f9f9;border-radius:8px;box-shadow:0 0 12px #0000001a}.profile-container header{background-color:#fff;position:inherit;display:flex;flex-direction:column}.profile-container h1{font-size:2.8rem;margin-bottom:.2rem;color:#2c3e50}.profile-container h2{font-size:1.4rem;font-weight:400;margin-bottom:1rem;color:#34495e}.profile-container h3{font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem;border-bottom:2px solid #2980b9;padding-bottom:.3rem;color:#2980b9}.profile-container h4{font-size:1.3rem;margin-top:1.5rem;margin-bottom:.7rem;color:#3a3a3a}.profile-container p{margin:.2rem 0;font-size:1rem}.profile-container a{color:#2980b9;text-decoration:none;font-weight:500}.profile-container a:hover,.profile-container a:focus{text-decoration:underline;outline:none}.profile-container ul{padding-left:1.4rem;margin-top:0;margin-bottom:1.3rem;line-height:1.6}.profile-container li{margin-bottom:.4rem;font-size:1rem}.profile-container strong{color:#2c3e50}@media (max-width: 600px){.profile-container{padding:1rem}.profile-container h1{font-size:2rem}.profile-container h2{font-size:1.1rem}.profile-container h3{font-size:1.4rem}.profile-container h4{font-size:1.1rem}}.profile-container{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-container a{transition:color .3s ease,text-decoration .3s ease}.profile-container.dark-mode{background-color:#121212;color:#e0e0e0;box-shadow:0 0 15px #ffffff1a}.profile-container.dark-mode h1,.profile-container.dark-mode h2,.profile-container.dark-mode h3,.profile-container.dark-mode h4,.profile-container.dark-mode strong{color:#f0f0f0}.profile-container.dark-mode a{color:#6af}.profile-container.dark-mode a:hover,.profile-container.dark-mode a:focus{text-decoration:underline}.profile-container,.profile-container a{transition:background-color .4s ease,color .4s ease}.profile-container.dark-mode{background-color:#121212;color:#e0e0e0;box-shadow:0 0 12px #ffffff1a}.profile-container.dark-mode header{background-color:#1e1e1e}.profile-container.dark-mode h1,.profile-container.dark-mode h2,.profile-container.dark-mode h3,.profile-container.dark-mode h4{color:#90caf9}.profile-container.dark-mode p,.profile-container.dark-mode li,.profile-container.dark-mode strong{color:#ccc}.profile-container.dark-mode a{color:#82b1ff}.profile-container.dark-mode a:hover,.profile-container.dark-mode a:focus{text-decoration:underline;outline:none;color:#bbdefb}.profile-container.dark-mode ul{padding-left:1.4rem}.profile-container.dark-mode button{background-color:#333;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.profile-container.dark-mode button:hover{background-color:#555}