:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(116,94,255,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(32,211,234,.18),transparent 24%),linear-gradient(135deg,#04091f,#08122f);color:#eef2ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#eef2ff;background:transparent}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:48px;max-width:1200px;margin-left:auto;margin-right:auto}.brand{font-size:1.25rem;font-weight:700;letter-spacing:.06em}.nav-links{display:flex;gap:1.25rem;flex-wrap:wrap}.nav-links a{color:#dbe5ff;opacity:.88;transition:opacity .2s ease}.nav-links a:hover{opacity:1}.hero-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:32px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:48px;box-shadow:0 30px 80px #0000003d;max-width:1200px;margin:0 auto 48px}.hero-content{max-width:760px}.eyebrow{display:inline-block;margin-bottom:18px;color:#9bb0ff;text-transform:uppercase;letter-spacing:.24em;font-size:.8rem;font-weight:600}h1{font-size:clamp(2.7rem,3.5vw,4.5rem);line-height:1.02;margin:0 0 32px;background:linear-gradient(135deg,#eef2ff,#c8d6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(1.8rem,2.5vw,2.8rem);margin-top:0}.hero-content p{color:#c8d6ff;font-size:1.05rem;max-width:620px;margin:0 0 32px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{border:none;border-radius:999px;padding:.95rem 1.9rem;cursor:pointer;transition:transform .18s ease,filter .18s ease,background-color .18s ease;font-weight:600}.btn:hover{transform:translateY(-2px);filter:drop-shadow(0 12px 24px rgba(114,105,255,.3))}.btn.primary{background:linear-gradient(135deg,#7269ff,#2dd4bf);color:#08122f}.btn.primary:hover{background:linear-gradient(135deg,#846fff,#3dd4c0)}.btn.secondary{background:#ffffff14;color:#eef2ff;border:1px solid rgba(255,255,255,.16)}.btn.secondary:hover{background:#ffffff1f;border-color:#ffffff3d}.content-grid{max-width:1200px;margin:0 auto;display:grid;gap:28px}.glass-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:28px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:32px;box-shadow:0 24px 64px #050c234d;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px #7269ff33}.about-card{grid-column:span min(2,auto)}.about-card p{color:#c8d6ff;line-height:1.8;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-top:24px}.stat{text-align:center}.stat-number{display:block;font-size:1.8rem;font-weight:700;color:#7269ff;margin-bottom:8px}.stat-label{display:block;font-size:.85rem;color:#a2b0ff}.services-section{grid-column:span min(2,auto)}.section-title{color:#eef2ff;margin-bottom:28px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.service-card{padding:24px;display:flex;flex-direction:column;gap:12px}.service-icon{font-size:2.2rem;color:#7269ff}.service-card h3{margin:0;font-size:1.1rem}.service-card p{margin:0;color:#bcc9ff;font-size:.95rem;line-height:1.6}.portfolio-section{grid-column:span min(2,auto)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.portfolio-card{padding:24px;display:flex;flex-direction:column;gap:12px;position:relative}.project-category{display:inline-block;color:#2dd4bf;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.portfolio-card h3{margin:0;font-size:1.2rem}.portfolio-card p{margin:0;color:#bcc9ff;flex-grow:1}.project-link{color:#7269ff;font-weight:600;transition:color .2s ease}.project-link:hover{color:#9b9fff}.process-card{grid-column:span min(2,auto)}.process-steps{margin:0;padding:0 0 0 20px;list-style-position:inside}.process-steps li{margin-bottom:16px;color:#c8d6ff;line-height:1.7}.process-steps strong{color:#eef2ff}.tech-card{grid-column:span min(2,auto)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.tech-group{background:#ffffff0a;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.tech-group h4{margin:0 0 12px;color:#7269ff;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em}.tech-group p{margin:0;color:#bcc9ff;font-size:.9rem;line-height:1.6}.cta-card{grid-column:span min(2,auto);text-align:center;padding:48px 32px}.cta-card h2{margin-bottom:16px}.cta-card p{color:#c8d6ff;margin-bottom:24px;font-size:1.05rem}.contact-card{grid-column:span min(2,auto)}.contact-form{display:grid;gap:20px}.form-group{display:grid;gap:8px}.form-group label{font-size:.9rem;color:#a2b0ff;font-weight:600}.form-group input,.form-group textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:#0f1737b8;color:#eef2ff;border-radius:18px;padding:16px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#eef2ff66}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7c65ff;background:#0f1737e6;box-shadow:0 0 0 4px #7269ff2e}textarea{min-height:140px;resize:vertical}.footer{grid-column:span min(2,auto);text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);color:#a2b0ff;margin-top:20px}.footer p{margin:0 0 12px}.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.9rem}.footer-links a{color:#a2b0ff;transition:color .2s ease}.footer-links a:hover{color:#eef2ff}@media (max-width: 1024px){.about-card,.services-section,.portfolio-section,.process-card,.tech-card,.cta-card,.contact-card,.footer{grid-column:span 1!important}}@media (max-width: 780px){.app-shell{padding:24px 18px}.hero-panel{padding:32px 24px}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:32px}h1{font-size:2rem;margin-bottom:20px}.hero-actions{width:100%}.hero-actions .btn{flex:1;text-align:center}.services-grid,.portfolio-grid{grid-template-columns:1fr}.glass-card{padding:24px}.stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.footer-links{gap:1rem}}@media (max-width: 640px){.app-shell{padding:18px 12px}h1{font-size:1.5rem}h2{font-size:1.3rem}.hero-panel{padding:24px 16px;margin-bottom:32px}.topbar{margin-bottom:24px}.content-grid{gap:20px}.glass-card{padding:20px}}.accessibility-hero{background:linear-gradient(135deg,#7269ff26,#2dd4bf26),#ffffff12}.accessibility-statement{grid-column:span min(2,auto);font-size:1.05rem;line-height:1.8}.accessibility-statement p{color:#c8d6ff;margin-bottom:20px}.accessibility-features-section{grid-column:span min(2,auto)}.accessibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px}.accessibility-feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px}.feature-emoji{font-size:3rem;margin-bottom:16px}.accessibility-feature-card h3{margin:0 0 12px;font-size:1.1rem}.accessibility-feature-card p{margin:0;color:#bcc9ff;font-size:.95rem;line-height:1.6}.wcag-section{grid-column:span min(2,auto)}.wcag-standards{display:grid;gap:20px;margin-top:24px}.wcag-item{background:#ffffff0a;padding:20px;border-radius:16px;border-left:4px solid #7269ff}.wcag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wcag-item h4{margin:0;color:#eef2ff;font-size:1rem}.wcag-status{display:inline-block;padding:4px 12px;background:#7269ff33;color:#7269ff;border-radius:999px;font-size:.8rem;font-weight:600}.wcag-item p{margin:0;color:#bcc9ff;font-size:.95rem}.principles-section{grid-column:span min(2,auto)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}.principle{background:#ffffff0a;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.principle h4{margin:0 0 12px;color:#2dd4bf;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.principle p{margin:0;color:#bcc9ff;font-size:.95rem;line-height:1.6}.implementation-section{grid-column:span min(2,auto)}.implementation-steps{margin:24px 0 0;padding:0 0 0 20px}.implementation-steps li{margin-bottom:18px;color:#c8d6ff;line-height:1.7}.implementation-steps strong{color:#eef2ff}.resources-section{grid-column:span min(2,auto)}.resources-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px}.resource-item{background:#ffffff0a;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.resource-item h4{margin:0 0 10px;color:#7269ff;font-size:.95rem}.resource-item p{margin:0;color:#bcc9ff;font-size:.9rem;line-height:1.6}.accessibility-contact{grid-column:span min(2,auto);text-align:center}.accessibility-contact p{color:#c8d6ff;font-size:1.05rem;margin-bottom:28px;line-height:1.7}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:24px}.contact-method{background:#ffffff0a;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.contact-method h4{margin:0 0 12px;color:#eef2ff;font-size:1rem}.contact-method p{margin:0;color:#c8d6ff;font-size:.95rem}.contact-method a{color:#7269ff;font-weight:600;transition:color .2s ease}.contact-method a:hover{color:#9b9fff}@media (max-width: 1024px){.accessibility-statement,.accessibility-features-section,.wcag-section,.principles-section,.implementation-section,.resources-section,.accessibility-contact,.footer{grid-column:span 1!important}}@media (max-width: 640px){.accessibility-grid,.principles-grid,.resources-list,.contact-methods{grid-template-columns:1fr}.wcag-header{flex-direction:column;align-items:flex-start;gap:8px}.accessibility-contact p{font-size:1rem}}