html,body{height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#fff;color:#333}#root{min-height:100vh;display:flex;flex-direction:column}.cs-root{flex:1 0 auto;display:flex;flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;background:#fff;box-shadow:0 8px 32px #3039521a,0 1.5px 8px #30395212;border-radius:32px;overflow:hidden;border:1.5px solid rgba(48,57,82,.08);transition:box-shadow .3s;position:relative}.cs-root:hover{box-shadow:0 12px 48px #30395221,0 2px 12px #30395217}.cs-hero{background:#303952;color:#fff;padding:64px 24px 48px;text-align:center;border-bottom-left-radius:48px 24px;border-bottom-right-radius:48px 24px;box-shadow:0 4px 32px #3039521a}.cs-hero h1{margin:0 0 18px;font-size:3.2rem;letter-spacing:2.5px;font-weight:800;text-shadow:0 2px 16px rgba(48,57,82,.1)}.cs-hero p{font-size:1.35rem;margin-bottom:32px;font-weight:500;opacity:.95}.cs-btn{display:inline-block;background:#333;color:#fff;padding:16px 40px;border-radius:32px;font-weight:700;font-size:1.15rem;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 12px #3039521a;border:none;outline:none;cursor:pointer;position:relative;z-index:1}.cs-btn:before{content:"";position:absolute;inset:-10px -16px;background:#30395221;border-radius:40px;filter:blur(8px);z-index:-1;pointer-events:none;transition:background .2s,filter .2s}.cs-btn:hover:before{background:#3039522e;filter:blur(12px)}.cs-btn:hover{background:#303952;color:#fff;box-shadow:0 4px 24px #30395221}.cs-about,.cs-services,.cs-steps,.cs-portfolio,.cs-contact{padding:40px 32px;border-bottom:1px solid #e0e0e0;background:#fff}.cs-about h2,.cs-services h2,.cs-steps h2,.cs-portfolio h2,.cs-contact h2{margin-top:0;color:#303952;font-size:2.1rem;font-weight:700;letter-spacing:1.2px}.cs-services ul,.cs-steps ol{padding-left:24px;font-size:1.13rem;line-height:1.7}.cs-portfolio-list{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.cs-portfolio-item{background:#f5f6fa;border-radius:16px;padding:24px 32px;box-shadow:0 1.5px 8px #30395212;min-width:220px;flex:1 1 220px;text-align:center;font-size:1.13rem;font-weight:600;color:#303952;display:flex;align-items:center;gap:12px;transition:transform .18s,box-shadow .18s;border:1.5px solid rgba(48,57,82,.1)}.cs-portfolio-item:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 6px 24px #30395221;background:#e9eaf0}.cs-form{display:flex;flex-direction:column;gap:20px;max-width:420px;margin:0 auto}.cs-form input,.cs-form textarea{padding:16px;border:1.5px solid #303952;border-radius:12px;font-size:1.08rem;resize:none;background:#fff;transition:border .2s,box-shadow .2s;color:#333}.cs-form input:focus,.cs-form textarea:focus{border:1.5px solid #333333;box-shadow:0 2px 8px #3039521a;outline:none}.cs-form button{background:#303952;color:#fff;border:none;padding:16px;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 12px #3039521a}.cs-form button:hover{background:#333;box-shadow:0 4px 24px #30395221}.cs-footer{background:#f5f6fa;color:#303952;text-align:center;padding:24px 0 18px;font-size:1.08rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;flex-shrink:0;border-top:1.5px solid #e0e0e0;margin:0;width:100%;box-sizing:border-box}.cs-logo{width:72px;height:72px;object-fit:contain;margin-bottom:18px;box-shadow:0 2px 16px #3039521a;display:inline-block;border-radius:10px;background:none}.cs-hero-title{display:flex;align-items:center;justify-content:center;gap:18px}.cs-hero-title .cs-logo{margin-bottom:0}.cs-hero-title h1{margin:0;line-height:1}@media (max-width: 700px){.cs-root{border-radius:0;box-shadow:none;margin:0}.cs-portfolio-list{flex-direction:column;gap:12px}.cs-footer{flex-direction:column;gap:6px;padding:18px 0 12px}.cs-hero{border-bottom-left-radius:24px 12px;border-bottom-right-radius:24px 12px;padding:40px 8px 32px}.cs-about,.cs-services,.cs-steps,.cs-portfolio,.cs-contact{padding:24px 8px}.cs-logo{width:54px;height:54px;margin-bottom:12px}}