:root{color:#17324d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f9fc;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:inherit;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-weight:600}a{color:inherit}.header{color:#fff;z-index:50;background:linear-gradient(135deg,#e7edf2 0%,#cbd7e0 100%);border-bottom:1px solid #0000;width:100%;margin:0;padding-top:0;transition:background .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 24px #00000014}.header:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffa6 50%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.dark-mode .header{background:linear-gradient(135deg,#111c2c 0%,#16253a 100%);border-bottom:1px solid #ffffff24}.header-container{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:0 auto;padding:1.25rem 2rem;display:flex}.title{color:inherit;text-decoration:none}.title h1{color:#07111d;letter-spacing:.02em;text-transform:none;margin:0;font-size:2.2rem;font-weight:700}.dark-mode .title h1{color:#fff}.navigation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.menu-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.35rem;display:none}.menu-toggle .menu-icon{width:1.8rem;height:auto;display:block}.menu-toggle.open .menu-icon{opacity:.85}.header-nav-link{color:#07111d;border-radius:999px;padding:.35rem .6rem;text-decoration:none;transition:color .15s,box-shadow .15s,font-weight .15s;position:relative}.dark-mode .header-nav-link{color:#fff}.header-nav-link:hover,.header-nav-link:focus-visible{color:#07111d;box-shadow:none;background:0 0;font-weight:700;transform:none}.dark-mode .header-nav-link:hover,.dark-mode .header-nav-link:focus-visible{color:#fff}.header-nav-link:after{content:"";opacity:0;background:currentColor;height:2px;transition:opacity .15s,transform .15s;position:absolute;bottom:-.15rem;left:.6rem;right:.6rem;transform:scaleX(.5)}.header-nav-link:hover:after,.header-nav-link:focus-visible:after{opacity:1;transform:scaleX(1)}.overlay{z-index:45;background:#00000059;display:none;position:fixed;inset:0}.overlay.open{display:block}@media (width<=768px){.header-container{padding:1rem}.title h1{font-size:1.8rem}.menu-toggle{display:flex}.navigation{z-index:50;background:#fffffffa;border-bottom-right-radius:18px;border-bottom-left-radius:18px;flex-direction:column;gap:.5rem;padding:1rem 1rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 18px 30px #0000001f}.dark-mode .navigation{background:#111c2cfa}.navigation.open{display:flex}.header-nav-link{color:#07111d;background:#07111d0a;border-radius:14px;width:100%;padding:.75rem .85rem}.dark-mode .header-nav-link{color:#fff;background:#ffffff14}.header-nav-link:hover,.header-nav-link:focus-visible{background:#07111d1a}.dark-mode .header-nav-link:hover,.dark-mode .header-nav-link:focus-visible{background:#ffffff1f}}.footer{color:#fff;background:linear-gradient(135deg,#e7edf2 0%,#cbd7e0 100%);border-top:1px solid #0000;margin-top:auto;padding:2.75rem 2rem 1.75rem;transition:background .3s,color .3s;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffb3 50%,#0000 100%);height:1px;position:absolute;inset:0 0 auto}.dark-mode .footer{background:linear-gradient(135deg,#111c2c 0%,#16253a 100%);border-top:1px solid #ffffff24}.footer-container{max-width:1120px;margin:0 auto}.footer-content{text-align:center;margin-bottom:2.25rem}.footer-bottom{text-align:center;padding-top:1.75rem}.copyright{opacity:.85;color:#24303f;font-size:.9rem}.dark-mode .copyright{color:#f0f5ff;opacity:.9}.nav-links{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.theme-toggle{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.5rem;transition:background .3s,border-color .3s,transform .2s;display:flex;box-shadow:0 8px 18px #00000029}.theme-toggle:hover{background:#ffffff4d;border-color:#ffffff8c}.theme-toggle:active{transform:scale(.95)}.theme-image{width:40px;height:40px}.nav-link{color:#07111d;white-space:nowrap;border-radius:999px;padding:.55rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s,box-shadow .2s,font-weight .2s;position:relative}.dark-mode .nav-link{color:#fff}.nav-link:hover,.nav-link:focus-visible{color:#07111d;box-shadow:none;background:0 0;font-weight:700}.dark-mode .nav-link:hover,.dark-mode .nav-link:focus-visible{color:#fff}.nav-link:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .2s,transform .2s;position:absolute;bottom:.28rem;left:.9rem;right:.9rem;transform:scaleX(.7)}.nav-link:hover:after,.nav-link:focus-visible:after{opacity:1;transform:scaleX(1)}.link-group{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:.75rem;display:flex}.footer-links a{color:#f8fbff;border-radius:999px;padding:.3rem .2rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover,.footer-links a:focus-visible{color:#fff}@media (width<=768px){.footer{padding:2rem 1rem 1rem}.nav-links{justify-content:space-between;align-items:flex-start}.link-group{flex-direction:column;align-items:flex-start;gap:.75rem}}html,body{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:0}.app{color:#17324d;background:linear-gradient(135deg,#f7f9fc 0%,#eef3f8 100%);min-height:100vh;transition:background .3s,color .3s}.app.dark-mode{color:#eaf3ff;background:linear-gradient(135deg,#07111d 0%,#0f172a 100%)}.main-content{max-width:1120px;margin:0 auto;padding:8rem 2rem 5rem}.intro-section,.content-section{scroll-margin-top:6.5rem}.intro-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #0000;border-radius:24px;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem;padding:2.5rem;display:grid;box-shadow:0 18px 45px #0f172a26}.tools-card{width:100%}.dark-mode .intro-section,.dark-mode .content-section,.dark-mode .project-card,.dark-mode .testimonial-card,.dark-mode .contact-card,.dark-mode .tools-card{color:#f5f9ff;background:linear-gradient(145deg,#18233a 0%,#142030 100%);border:1px solid #94a3b83d;box-shadow:0 18px 45px #02081773}.section-title{letter-spacing:.24em;text-transform:uppercase;color:#4c6b82;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-block}.dark-mode .section-title{color:#86b6d8}.intro-text h2,.section-heading h3{color:inherit;margin:0 0 .8rem}.intro-text h2{font-size:clamp(2rem,4vw,3rem)}.intro{width:100%;max-width:none;color:inherit;opacity:.9;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-weight:600;text-decoration:none;transition:box-shadow .2s,background .2s;display:inline-flex}.button.primary{color:#fff;background:#4c6b82;box-shadow:0 8px 20px #4c6b8240}.button.secondary{color:inherit;background:#4c6b821f;border:1px solid #4c6b8233}.contact-links{flex-flow:wrap;gap:.85rem;width:100%;max-width:none;padding-top:1rem;display:flex}.contact-links .button.secondary{color:#17324d;background:#ffffffbf;border:1px solid #4c6b8233;box-shadow:0 8px 18px #4c6b821f}.contact-links .button.secondary:hover,.contact-links .button.secondary:focus-visible{color:#fff;background:#4c6b82;border-color:#0000;box-shadow:0 10px 22px #4c6b8233}.dark-mode .contact-links .button.secondary:hover,.dark-mode .contact-links .button.secondary:focus-visible{color:#07111d;background:#89b2cf47;border-color:#89b2cf66;box-shadow:0 10px 22px #0f172a40}.dark-mode .button.primary{color:#07111d;background:#89b2cf;box-shadow:0 8px 20px #2563eb33}.dark-mode .button.secondary{color:#f5f9ff;background:#89b2cf24;border-color:#89b2cf59}.dark-mode .contact-links .button.secondary{color:#f5f9ff;box-shadow:none;background:#ffffff14;border-color:#89b2cf4d}.tools-card,.content-section,.contact-card{background:#ffffffb3;border-radius:20px;padding:1.5rem;box-shadow:0 12px 30px #0f172a14}.tools-card{background:linear-gradient(145deg,#fff 0%,#eef4fb 100%);border:1px solid #4c6b8240;box-shadow:0 16px 38px #4c6b8229}.tools-card h3,.project-card h4{margin-top:0}.tools-card h3{margin-bottom:1rem}.project-card h4{font-size:1.25rem;line-height:1.15}.project-card h5{margin:.6rem 0 .25rem;font-size:1rem}.project-card h5+p,.project-card h5+ul{margin-top:0}.tools-card ul{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.tools-card li{white-space:nowrap;background:#4c6b821f;border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.95rem;display:inline-flex}.dark-mode .tools-card li{color:#e8f2ff;background:#89b2cf24}.content-section{border:1px solid #0000;margin-bottom:1.5rem}.section-heading{margin-bottom:1rem}#about p{margin-bottom:1.25rem}.project-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.project-card{background:linear-gradient(145deg,#fff 0%,#eef4fb 100%);border:1px solid #4c6b8240;border-radius:16px;flex-direction:column;gap:.6rem;padding:1.2rem;display:flex;box-shadow:0 16px 38px #4c6b8229}.project-card span{color:#4c6b82;margin-top:auto;font-size:.9rem;font-weight:700}.dark-mode .project-card span{color:#86b6d8}.testimonial-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.testimonial-card{background:linear-gradient(145deg,#fff 0%,#eef4fb 100%);border:1px solid #4c6b8240;border-radius:16px;flex-direction:column;gap:.6rem;padding:1.2rem;display:flex;box-shadow:0 16px 38px #4c6b8229}.testimonial-card span{color:#4c6b82;margin-top:auto;font-size:.9rem;font-weight:700}.dark-mode .testimonial-card span{color:#86b6d8}.testimonial-attribution p{font-style:italic}.contact-card{background:linear-gradient(145deg,#fff 0%,#eef4fb 100%);border:1px solid #4c6b8240;flex-direction:column;align-items:flex-start;gap:1rem;display:flex;box-shadow:0 16px 38px #4c6b8229}@media (width<=900px){.intro-section,.project-grid,.testimonial-grid{grid-template-columns:1fr}}@media (width<=768px){.main-content{padding:5.5rem 1rem 3rem}.contact-links{flex-direction:column;max-width:320px}.intro-section,.content-section,.contact-card,.project-card{padding:1.2rem}}