:root{--bg0: #0b0f19;--bg1: #0f172a;--card: rgba(15, 23, 42, .62);--card2: rgba(2, 6, 23, .35);--text: #e5e7eb;--muted: #9ca3af;--muted2: rgba(229, 231, 235, .6);--accent: #3b82f6;--accent2: rgba(59, 130, 246, .35);--border: rgba(148, 163, 184, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 500px at 60% 10%,rgba(59,130,246,.12),transparent 55%),radial-gradient(800px 600px at 20% 90%,rgba(59,130,246,.08),transparent 60%),linear-gradient(135deg,var(--bg0),var(--bg1));color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;width:100%}html{scroll-behavior:smooth}.homePage{background:radial-gradient(900px 500px at 70% 10%,rgba(59,130,246,.08),transparent 60%),linear-gradient(135deg,#050a18,#0f1b36);color:#e5e7eb}.section{padding:120px 24px}h2{font-size:40px;margin-bottom:10px}.divider{height:2px;width:60px;background:#3b82f6;margin:20px 0 40px;box-shadow:0 0 18px #3b82f666}.divider.center{margin:20px auto 40px}.heroSection{min-height:100vh;display:flex;align-items:center}.heroTitle{font-size:64px;line-height:1.1}.heroTitle span{font-weight:800}.heroSubtitle{margin-top:20px;max-width:600px;color:#e5e7ebb3;line-height:1.8}.primaryBtn{margin-top:30px;padding:14px 28px;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:.3s ease}.primaryBtn:hover{transform:translateY(-2px);box-shadow:0 0 18px #3b82f680}.contentContainer{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.textBlock p{margin-bottom:20px;line-height:1.8;color:#e5e7ebb3}.imagePlaceholder{height:350px;border:1px solid rgba(148,163,184,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#e5e7eb4d}.skillsSection{text-align:center;min-height:885px}.skillsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.skillCard{padding:30px;border:1px solid rgba(148,163,184,.15);border-radius:10px;transition:.3s ease}.skillCard:hover{border-color:#3b82f680;box-shadow:0 0 20px #3b82f626;transform:translateY(-5px)}.projectsSection{text-align:center}.projectsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}@media(max-width:1024px){.projectsGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projectsGrid{grid-template-columns:1fr}}.projectCard{padding:30px;border:1px solid rgba(148,163,184,.15);border-radius:10px;text-align:left;transition:.3s ease;background:#0f172a99}.projectCard:hover{border-color:#3b82f680;box-shadow:0 0 25px #3b82f633;transform:translateY(-5px)}.projectCard h3{margin-bottom:10px}.projectCard p{color:#e5e7eb99}.viewAll{display:inline-block;margin-top:40px;font-size:14px;color:#e5e7ebb3;transition:.2s ease}.viewAll:hover{color:#3b82f6}.contactSection{min-height:885px}.contactText{margin-bottom:30px;color:#e5e7ebb3}.contactLinks{display:grid;gap:10px;color:#e5e7eb99}.sectionHeader.center{text-align:center;margin-bottom:60px}.twoColLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.textBlock,.contactText{max-width:600px}@media(max-width:900px){.twoColLayout{grid-template-columns:1fr}}.projectPage{padding-top:100px;min-height:100vh;background:radial-gradient(800px 400px at 60% 10%,rgba(59,130,246,.08),transparent 60%),linear-gradient(135deg,#050a18,#0f1b36)}.projectHero{height:400px;background-size:cover;background-position:center;position:relative}.projectHero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#050a1866,#050a18f2)}.projectContainer{max-width:900px;margin:0 auto;padding:60px 20px 120px}.projectLead{margin-top:20px;color:#e5e7ebb3;font-size:18px}.projectSection{margin-top:60px}.projectSection h2{margin-bottom:20px}.projectSection p{line-height:1.8;color:#e5e7ebb3}.projectGallery{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.projectImageWrapper{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:10px;border:1px solid rgba(148,163,184,.2)}.projectImageWrapper img{width:100%;height:100%;object-fit:cover}.projectCardImage{display:flex;justify-content:center;align-items:center}.projectCardImage img{display:block;max-width:100%;height:auto}.projectCardImage{width:100%;max-height:260px;overflow:hidden;border-radius:12px 12px 0 0;background:#ffffff08;display:flex;align-items:center;justify-content:center}.projectCardImage img{width:100%;height:100%;object-fit:cover}.contact{height:100vh;width:100vw;background:radial-gradient(900px 500px at 70% 20%,rgba(59,130,246,.08),transparent 60%),linear-gradient(135deg,#050a18,#0f1b36)}.contactContainer{position:relative;height:100%;width:100%;display:flex}.contactLeftRail{width:80px;border-right:1px solid rgba(148,163,184,.1);display:flex;align-items:center;justify-content:center}.contactRailText{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:2px;color:#e5e7eb4d}.contactRightRail{position:absolute;right:40px;top:120px;display:flex;flex-direction:column;align-items:center;gap:14px}.contactRightLabel{font-size:12px;color:#e5e7eb80}.contactDots{display:grid;gap:10px}.contactDot{width:6px;height:6px;border-radius:999px;background:#e5e7eb33}.contactDot.active{background:#3b82f6;box-shadow:0 0 12px #3b82f680}.contactContent{flex:1;display:grid;grid-template-columns:1fr 1fr;padding:12px 120px;gap:60px}.contactTitle{font-size:52px;font-weight:700;margin-bottom:20px}.contactDivider{height:2px;width:60px;background:#3b82f6;margin-bottom:30px;box-shadow:0 0 18px #3b82f666}.contactParagraph{font-size:16px;line-height:1.8;color:#e5e7ebb3;margin-bottom:24px;max-width:520px}.contactInfo{margin-top:40px;font-size:14px;color:#e5e7eb99;display:grid;gap:8px}.contactFormWrapper{display:flex;align-items:center;justify-content:center}.contactForm{width:100%;max-width:520px;display:flex;flex-direction:column;gap:20px}.contactForm input,.contactForm textarea{background:transparent;border:none;border-bottom:1px solid rgba(148,163,184,.3);padding:10px 4px;color:#e5e7eb;font-size:14px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.contactForm input:focus,.contactForm textarea:focus{border-bottom:1px solid #3b82f6;box-shadow:0 4px 12px #3b82f633}.contactForm button{margin-top:20px;padding:12px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contactForm button:hover{transform:translateY(-2px);box-shadow:0 0 18px #3b82f680}.contactButton{display:inline-block;margin-top:20px;padding:12px 20px;background:#3b82f6;border-radius:6px;color:#fff;font-size:14px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.contactButton:hover{transform:translateY(-2px);box-shadow:0 0 18px #3b82f680}.skillsSection h2{text-align:center;font-size:40px}.skillsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.skillCardLarge{padding:32px;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:14px;transition:transform .25s ease,border .25s ease,box-shadow .25s ease}.skillCardLarge:hover{transform:translateY(-8px);border-color:#3b82f699;box-shadow:0 10px 40px #3b82f626}.skillIconWrapper{width:48px;height:48px;margin-bottom:20px;color:#3b82f6}.skillIconWrapper svg{width:100%;height:100%}.skillTitle{margin-bottom:14px;font-size:18px;font-weight:600}.skillDescription{font-size:15px;line-height:1.7;color:#e5e7ebb3}@media(max-width:1000px){.skillsGrid{grid-template-columns:1fr}}.toast{position:fixed;bottom:40px;right:40px;background:#3b82f6;padding:14px 24px;border-radius:8px;box-shadow:0 10px 30px #0006;animation:fadeInOut 4s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(10px)}}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;z-index:1000;background:#050a18a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(148,163,184,.1)}.logo{font-weight:700;font-size:18px;letter-spacing:1px}.navRight{display:flex;gap:30px}.navLink{font-size:14px;color:#e5e7ebb3;transition:color .2s ease}.navLink:hover{color:#3b82f6}.dropdownBtn{background:none;border:none;cursor:pointer;color:#e5e7ebb3;font-size:14px}.dropdownMenu{position:absolute;top:35px;right:0;background:#050a18f2;border:1px solid rgba(148,163,184,.1);border-radius:8px;padding:10px 0;min-width:180px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #0006}.dropdownMenu a{padding:10px 16px;font-size:13px;color:#e5e7ebb3;transition:background .2s ease}.dropdownMenu a:hover{background:#3b82f61a;color:#fff}.dropdown{position:relative}.dropdownMenu{position:absolute;top:40px;right:0;background:#050a18fa;border:1px solid rgba(148,163,184,.1);border-radius:10px;padding:10px 0;min-width:180px;display:flex;flex-direction:column;box-shadow:0 20px 50px #0009;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease;z-index:10000}.dropdown:hover .dropdownMenu{opacity:1;visibility:visible;transform:translateY(0)}.navButton{background:none;border:none;cursor:pointer;font-size:14px;color:#e5e7ebb3;transition:color .2s ease}.navButton:hover{color:#3b82f6}.navbar{position:fixed;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:18px 48px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080f28bf;border-bottom:1px solid rgba(255,255,255,.06)}.navbar .logo{font-size:1.2rem;font-weight:700;letter-spacing:1px;color:#fff}.navbar ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}.navbar a{position:relative;font-size:.95rem;font-weight:500;color:#ffffffbf;text-decoration:none;transition:all .25s ease}.navbar a:hover{color:#fff}.navbar a:after{content:"";position:absolute;bottom:-6px;left:0;width:0%;height:2px;background:#4f7cff;transition:width .25s ease}.navbar a:hover:after{width:100%}.navbar .logo{font-size:1.35rem;font-weight:800;letter-spacing:1px;color:#fff}.brand{font-size:1.25rem;font-weight:800}.sub{font-size:.65rem;letter-spacing:1.5px;opacity:.5;text-transform:uppercase}.hamburger{display:none;font-size:24px;cursor:pointer;color:#fff}@media(max-width:768px){.hamburger{display:block}.navRight{display:none}.navRight{align-items:stretch}.navLink,.dropdownBtn{width:100%;text-align:left;padding:10px 0}.dropdown{width:100%}.navRight.open{display:flex;flex-direction:column;position:absolute;top:70px;left:0;width:100%;padding:24px;background:#080f28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:20px}.dropdownMenu{position:static;background:transparent;border:none;box-shadow:none;overflow:hidden;max-height:0;padding:0;margin:0;opacity:0;transition:max-height .25s ease,opacity .2s ease}.dropdownMenu.mobileOpen{max-height:600px;opacity:1;padding-left:16px;margin-top:8px}.dropdownMenu a{padding:6px 0;font-size:14px}.navLink:hover,.dropdownBtn:hover{color:#e5e7ebb3}}.aboutSection{min-height:885px}.aboutImage{width:100%;max-width:520px;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.projectsListPage{padding-top:120px;padding-bottom:120px}.projectsListContainer{max-width:1200px;margin:0 auto;padding:0 60px}.projectsListTitle{font-size:36px;font-weight:700;margin-bottom:50px}.projectsListGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.projectsListCard{display:block;padding:30px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:#0f172a99;text-decoration:none;color:#fff;transition:transform .25s ease,box-shadow .25s ease}.projectsListCard:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000080}.projectsListCard h3{margin-bottom:12px;font-size:20px}.projectsListCard p{color:#e5e7eb99;font-size:15px;line-height:1.6}@media(max-width:1100px){.projectsListGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projectsListContainer{padding:0 24px}.projectsListTitle{font-size:28px}.projectsListGrid{grid-template-columns:1fr;gap:24px}.projectsListCard{padding:22px}.projectsListCard h3{font-size:18px}.projectsListCard p{font-size:14px}}.viewAllWrapper{display:flex;justify-content:center;margin-top:40px}.viewAllButton{padding:12px 24px;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-weight:500;text-decoration:none;color:#fff;transition:all .2s ease}.viewAllButton:hover{background:#ffffff0f;border-color:#ffffff4d}.maintenance-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:2rem}.maintenance-content{max-width:520px;width:100%;text-align:center}.maintenance-brand{font-size:.9rem;letter-spacing:3px;font-weight:600;color:#94a3b8;margin-bottom:2rem}.maintenance-content h1{font-size:2.2rem;font-weight:600;color:#fff;margin-bottom:1.2rem}.maintenance-description{font-size:1.05rem;line-height:1.7;color:#cbd5e1}.maintenance-line{width:60px;height:2px;background:#334155;margin:2rem auto}.maintenance-contact{font-size:.95rem;color:#94a3b8}@media(max-width:480px){.maintenance-content h1{font-size:1.8rem}.maintenance-description{font-size:1rem}}