@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#eef2ff,#dbeafe,#ede9fe) 0 0/400% 400%;animation:14s infinite bgMove;overflow-x:hidden}.app{min-height:100vh;overflow-x:hidden}@keyframes bgMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;justify-content:space-between;align-items:center;width:100%;padding:18px 8%;display:flex;position:fixed;top:0;box-shadow:0 10px 35px #0f172a14}.logo{background:linear-gradient(135deg,#2563eb,#9333ea);color:#0000;-webkit-background-clip:text;font-size:26px;font-weight:900}.menu-btn{background:0 0;border:none;font-size:28px;display:none}.nav-links{gap:25px;list-style:none;display:flex}.nav-links a{color:#0f172a;font-size:15px;font-weight:800}.nav-links a:hover{color:#2563eb}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:100vh;padding:130px 8% 80px;display:grid}.hero-badge,.section-label{color:#2563eb;background:#dbeafe;border-radius:50px;margin-bottom:20px;padding:10px 18px;font-weight:900;display:inline-block}.hero h1{margin-bottom:20px;font-size:68px;line-height:1.1}.hero h1 span{background:linear-gradient(135deg,#2563eb,#9333ea);color:#0000;-webkit-background-clip:text}.hero-description{color:#475569;margin-bottom:35px;font-size:19px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.primary-btn,.secondary-btn{border-radius:14px;padding:15px 28px;font-weight:900;display:inline-block}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea);box-shadow:0 18px 35px #2563eb4d}.secondary-btn{color:#2563eb;background:#fff;border:2px solid #2563eb}.hero-box{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border-radius:36px;padding:45px;box-shadow:0 25px 70px #0f172a1f}.hero-box h3{margin-top:25px;font-size:28px}.hero-box p{color:#64748b;margin:10px 0 22px;font-weight:700}.hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-tags span,.about-points span{color:#3730a3;background:#eef2ff;border-radius:50px;padding:10px 15px;font-size:14px;font-weight:800}.recruiter-section{color:#fff;text-align:center;background:#020617;padding:90px 8%}.recruiter-section .section-label{color:#bfdbfe;background:#ffffff1f}.recruiter-section h2,.about-card h2,.why-section h2,.projects-section h2,.services-section h2,.contact-section h2{margin-bottom:22px;font-size:42px}.recruiter-summary{color:#cbd5e1;max-width:750px;margin:0 auto 40px;font-size:18px;line-height:1.7}.recruiter-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px;display:grid}.recruiter-grid div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;padding:28px}.recruiter-grid h3{color:#60a5fa;margin-bottom:10px}.recruiter-grid p{color:#e5e7eb;font-weight:800}.recruiter-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.recruiter-actions a{border-radius:14px;padding:14px 28px;font-weight:900}.recruiter-actions a:first-child{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea)}.recruiter-actions a:last-child{color:#2563eb;background:#fff}.about-section,.why-section,.projects-section,.services-section{text-align:center;padding:90px 8%}.about-card{background:#fff;border-radius:32px;max-width:1000px;margin:auto;padding:45px;box-shadow:0 25px 70px #0f172a1a}.about-card h2{background:linear-gradient(135deg,#2563eb,#9333ea);color:#0000;-webkit-background-clip:text}.about-card p{color:#475569;font-size:18px;line-height:1.8}.about-points{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.why-grid,.service-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.why-grid div,.service-card{background:#fff;border-radius:28px;padding:34px;transition:all .3s;box-shadow:0 18px 45px #0f172a14}.why-grid div:hover,.service-card:hover,.project-card:hover{transform:translateY(-10px)}.why-grid h3,.service-card h3{color:#2563eb;margin-bottom:12px;font-size:22px}.why-grid p,.service-card p{color:#64748b;line-height:1.7}.icon{margin-bottom:15px;font-size:42px}.projects-section{color:#fff;background:#0f172a}.projects-section .section-label{color:#bfdbfe;background:#ffffff1f}.project-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.project-card{color:#0f172a;text-align:left;background:#fff;border-radius:28px;padding:22px;transition:all .3s;box-shadow:0 18px 45px #0f172a1f}.project-card h3{color:#2563eb;margin-bottom:12px;font-size:25px}.project-card p{color:#64748b;margin-bottom:22px;line-height:1.7}.project-buttons{flex-wrap:wrap;gap:12px;display:flex}.project-buttons a{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea);border-radius:12px;padding:11px 18px;font-weight:900}.contact-section{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea);grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:90px 8%;display:grid}.contact-section .section-label{color:#fff;background:#ffffff2e}.contact-section p{font-size:18px;line-height:1.7}.contact-card{background:#fff;border-radius:30px;flex-direction:column;gap:16px;padding:35px;display:flex;box-shadow:0 25px 70px #0f172a2e}.contact-card input,.contact-card textarea{border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:15px;font-size:16px}.contact-card textarea{resize:none;min-height:130px}.contact-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#9333ea);border:none;border-radius:12px;padding:15px;font-size:16px;font-weight:900}.contact-links{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.contact-links a{color:#2563eb;font-weight:900}.footer{color:#fff;text-align:center;background:#020617;padding:35px 8%}.footer h3{color:#60a5fa;margin-bottom:10px}.footer p{color:#cbd5e1;margin:8px 0}@media (width<=1024px){.hero,.contact-section{text-align:center;grid-template-columns:1fr}.hero-buttons{justify-content:center}.recruiter-grid,.why-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:52px}}@media (width<=768px){.navbar{padding:16px 6%}.menu-btn{display:block}.nav-links{background:#fff;flex-direction:column;align-items:center;width:100%;padding:25px;display:none;position:absolute;top:65px;right:0;box-shadow:0 20px 40px #0f172a1f}.nav-links.show{display:flex}.hero{padding:120px 6% 60px}.hero h1{font-size:38px}.hero-description{font-size:16px}.about-section,.why-section,.projects-section,.services-section,.recruiter-section,.contact-section{padding:70px 6%}.recruiter-section h2,.about-card h2,.why-section h2,.projects-section h2,.services-section h2,.contact-section h2{font-size:30px}.recruiter-grid,.why-grid,.service-grid,.project-grid{grid-template-columns:1fr}.project-image{height:220px}.hero-profile-img{width:160px;height:160px}}.profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea);border:6px solid #fff;border-radius:50%;place-items:center;width:190px;height:190px;margin:auto;font-size:80px;font-weight:900;display:grid;box-shadow:0 20px 50px #2563eb40}@media (width<=768px){.profile-avatar{width:150px;height:150px;font-size:62px}}.hero-profile-img{object-fit:cover;border:8px solid #fff;border-radius:50%;width:220px;height:220px;margin:auto;display:block;box-shadow:0 25px 60px #2563eb4d}.project-image{object-fit:cover;background:#e5e7eb;border-radius:22px;width:100%;height:260px;margin-bottom:22px}@media (width<=768px){body{background:#dbeafe}.app{background:#f8fafc;border-radius:32px 32px 0 0;max-width:430px;min-height:100vh;margin:auto;overflow:hidden;box-shadow:0 0 50px #0f172a2e}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000;background:#fffffff2;border-radius:0 0 24px 24px;width:100%;max-width:430px;padding:18px 20px;position:fixed;top:0;left:50%;transform:translate(-50%)}.menu-btn{font-size:30px;display:block}.nav-links{display:none}.nav-links.show{background:#fff;border-radius:0 0 24px 24px;flex-direction:column;gap:20px;width:100%;padding:25px;display:flex;position:absolute;top:72px;left:0}.hero{text-align:center;grid-template-columns:1fr;padding:110px 20px 40px}.hero h1{font-size:38px}.hero-description{font-size:16px}.hero-buttons{justify-content:center}.hero-profile-img{width:150px;height:150px}.recruiter-section,.about-section,.why-section,.projects-section,.services-section,.contact-section{padding:55px 20px}.hero-box,.about-card,.project-card,.service-card,.contact-card,.why-grid div{border-radius:26px}.recruiter-grid,.why-grid,.project-grid,.service-grid{grid-template-columns:1fr}.project-image{height:190px}.contact-section{border-radius:32px 32px 0 0;grid-template-columns:1fr}.hero-buttons,.project-buttons,.recruiter-actions{flex-direction:column}.hero-buttons a,.project-buttons a,.recruiter-actions a{width:100%}.footer{padding:30px 20px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:#f8fafc;min-width:320px;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}a{text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none}input,textarea{outline:none}ul{list-style:none}