body{margin:0}:root{--bg:#f5f7fb;--surface:#fff;--muted:#3c4654;--text:#0a0e1a;--primary:#4b6bff;--primary-600:#3f5bdb;--accent:#00b894;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1100px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600)}.hero .btn-primary{filter:drop-shadow(0 2px 4px #00000026);padding:20px 40px;font-size:20px;box-shadow:0 4px 16px #4b6bff66,0 2px 8px #0000001a}.hero .btn-primary:hover{box-shadow:0 6px 20px #4b6bff80,0 4px 12px #00000026}.hero{text-align:center;justify-content:center;align-items:center;min-height:65vh;padding:64px 0;display:flex;position:relative;overflow:hidden}.hero-slider{background:radial-gradient(1200px 500px at 50% -50px,#e5ebff88,#0000),linear-gradient(#f6f8ff,#f5f7fb 60%)}.hero-slides{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.hero-slide.active{opacity:1;z-index:2}.hero-slide-img{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:opacity;display:block}.hero-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-logo-wrapper{z-index:100;box-sizing:border-box;width:100%;max-width:1052px;padding:0;position:absolute;top:24px;left:50%;transform:translate(-50%)}.hero-logo-top{-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:12px;width:fit-content;padding:8px 16px;display:flex;box-shadow:0 4px 16px #0000001a}.brand-logo-top{border-radius:12px;width:50px;height:50px;display:block}.brand-name-top{letter-spacing:.2px;color:#0a0e1a;font-size:18px;font-weight:700}.hero-content{z-index:4;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fff3;border:1px solid #fff6;border-radius:24px;max-width:1100px;margin:0 auto;padding:48px 32px;position:relative;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff80}.topbar{background:#4b6bff14;border:1px solid #e3e7ef;border-radius:999px;align-items:center;gap:10px;margin-bottom:32px;padding:6px 10px;display:inline-flex}.brand-logo{border-radius:8px;width:28px;height:28px;display:block}.brand-name{letter-spacing:.2px;color:#0a0e1a;font-weight:700}.hero h1{letter-spacing:.2px;color:#0a0e1a;filter:drop-shadow(0 2px 8px #00000026);margin:0 0 16px;font-size:40px;font-weight:700;line-height:1.15}.hero .subtitle{color:#1a1f2e;filter:drop-shadow(0 1px 4px #0000001a);max-width:780px;margin:0 auto 28px;font-size:18px;font-weight:500}.hero-nav{z-index:5;width:50px;height:50px;color:var(--primary);cursor:pointer;background:#ffffffe6;border:2px solid #4b6bff4d;border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.hero-nav:hover{border-color:var(--primary);background:#fff;box-shadow:0 6px 16px #00000026}.hero-nav-prev{left:24px}.hero-nav-next{right:24px}.hero-indicators{z-index:5;gap:12px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-indicator{cursor:pointer;background:#ffffff80;border:2px solid #fffc;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.hero-indicator:hover{background:#fffc;border-color:#fff}.hero-indicator.active{background:var(--primary);border-color:var(--primary);border-radius:6px;width:32px}main section{padding:64px 0}.experience{background:linear-gradient(135deg,#4b6bff08 0%,#00b89408 100%);border-radius:24px;margin:32px 0;padding:48px 32px}.experience h2{text-align:center;color:var(--text);margin:0 0 32px;font-size:32px;font-weight:700}.types h2,.contact h2{text-align:center;color:var(--text);margin:0 0 16px;font-size:32px;font-weight:700}.exp-content{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.exp-list{margin:0;padding:0;list-style:none}.exp-list li{color:var(--text);margin-bottom:20px;padding-left:40px;position:relative}.exp-list li:before{content:"✓";background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-align:center;border-radius:50%;width:24px;height:24px;font-size:14px;font-weight:700;line-height:24px;position:absolute;top:2px;left:0}.exp-list p{color:var(--text);margin:0;font-size:17px;font-weight:500;line-height:1.7}.exp-main-image{border:1px solid #e3e7ef;border-radius:20px;width:100%;box-shadow:0 8px 24px #4b6bff1a}.portfolio-section h2{text-align:center;color:var(--text);margin:0 0 16px;font-size:32px;font-weight:700}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;display:grid}.portfolio-card{background:var(--surface);border-radius:var(--radius);border:1px solid #e3e7ef;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4b6bff26}.portfolio-image{background:#f5f7fb;width:100%;height:200px;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%}.portfolio-card h3{color:var(--text);margin:0 0 12px;padding:28px 32px 0;font-size:18px;font-weight:600}.portfolio-desc{color:var(--muted);margin:0 0 16px;padding:0 32px;font-size:14px;line-height:1.5}.portfolio-stats{color:var(--primary);background:#4b6bff1a;border-radius:8px;margin:0 32px 28px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.types .type-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.type-card{background:var(--surface);border-radius:var(--radius);border:1px solid #e3e7ef;padding:28px}.type-card img{object-fit:contain;width:100%;height:120px;margin-bottom:16px;display:block}.type-card h3{color:var(--text);margin:0 0 12px;font-size:18px;font-weight:600}.type-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.contact .contact-desc{color:var(--muted);text-align:center;margin:0 0 16px}.form-wrapper{grid-template-columns:1fr 1fr;align-items:stretch;gap:48px;display:grid}.order-form{background:var(--surface);border-radius:var(--radius);border:1px solid #e3e7ef;flex-direction:column;max-width:100%;height:100%;padding:32px;display:flex}.form-row{margin-bottom:14px}.form-row-2,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-illustration{justify-content:center;align-items:center;height:100%;display:flex}.form-illustration img{object-fit:contain;width:100%;max-width:400px;height:100%}.order-form label{color:#3c4654;gap:8px;font-size:14px;display:grid}.order-form input,.order-form select{color:#111319;background:#fff;border:1px solid #d5d9e0;border-radius:10px;outline:none;width:100%;padding:12px}.order-form input:focus,.order-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4b6bff22}.form-actions{align-items:center;gap:12px;margin-top:auto;display:flex}.form-status{font-size:14px}.form-status.ok{color:#11865a}.form-status.err{color:#d12e2e}.footer{background:var(--surface);border-top:1px solid #e3e7ef;margin-top:64px;padding:48px 0 32px}.footer .container{max-width:1100px;margin:0 auto;padding:0 24px}.footer-main{grid-template-columns:auto 1fr;align-items:start;gap:48px;margin-bottom:32px;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.footer-logo{border-radius:12px;width:48px;height:48px;display:block}.footer-brand-name{letter-spacing:.2px;color:var(--text);font-size:24px;font-weight:700}.footer-contacts{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.footer-contact{color:var(--text);font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.footer-contact:hover{color:var(--primary)}.footer-bottom{text-align:center;border-top:1px solid #e3e7ef;padding-top:24px}.footer-copyright{color:var(--muted);margin:0;font-size:14px}@media (max-width:900px){.types .type-grid{grid-template-columns:repeat(2,1fr)}.experience{margin:24px 0;padding:32px 24px}.exp-content{grid-template-columns:1fr;gap:32px}.portfolio-grid{grid-template-columns:1fr}.form-wrapper{grid-template-columns:1fr;gap:32px}.form-illustration{order:-1}.footer-main{grid-template-columns:1fr;gap:32px}.footer-contacts{align-items:flex-start}.hero-content{margin:0 16px;padding:32px 24px}.hero,.hero-slider{min-height:60vh}}@media (max-width:580px){.hero h1{font-size:32px}.types .type-grid,.grid-2,.form-row-2{grid-template-columns:1fr}.hero-nav{width:40px;height:40px;font-size:24px}.hero-nav-prev{left:12px}.hero-nav-next{right:12px}.hero-indicators{gap:8px;bottom:20px}.hero-indicator{width:10px;height:10px}.hero-indicator.active{width:24px}.hero-content{margin:0 12px;padding:24px 20px}.hero,.hero-slider{min-height:50vh}.hero-logo-wrapper{padding:0 12px;top:12px}.brand-logo-top{width:40px;height:40px}.brand-name-top{font-size:16px}.hero-logo-top{gap:10px;padding:6px 12px}}