.header{z-index:1000;background:0 0;padding-inline:20px;position:sticky;top:20px;left:0}.header__container{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #fff6;border-radius:999px;justify-content:space-between;align-items:center;padding:16px 18px;transition:transform .5s cubic-bezier(.175,.885,.32,1.2),box-shadow .5s,background .5s;animation:2s forwards headerReveal;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000014,inset 0 1px #ffffffb3}.header__container:hover{background:#ffffff1f;transform:scale(1.015);box-shadow:0 16px 50px #0000001f,inset 0 1px #ffffffd9}.header__left{align-items:center;gap:14px;display:flex}.header__logo{object-fit:contain;flex-shrink:0;width:180px;height:48px}.header__logo.symbol{width:48px}.header__branding{align-items:center;gap:14px;display:flex}.header__subtitle{color:#0000008c;align-items:center;gap:12px;font-size:.95rem;display:flex}.header__subtitle:before{content:"";background:#0003;width:1px;height:18px;display:block}.header__right{align-items:center;gap:14px;display:flex}.header__cta{color:#fff;cursor:pointer;background:#111;border:none;border-radius:999px;padding:16px 28px;font-size:.95rem;font-weight:600;transition:transform .25s,opacity .25s,background .25s}.header__cta:hover{opacity:.92;transform:translateY(-1px)}.header__nav{align-items:center;gap:10px;display:flex}.header__nav a{color:#111;background:#ffffffb3;border-radius:999px;padding:14px 22px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .25s,transform .25s,color .25s}.header__nav a:hover{background:#fffffff2;transform:translateY(-1px)}@keyframes headerReveal{0%{opacity:0;translate:0 -80px}to{opacity:1;translate:0}}.footer{padding:120px 0 40px}.footer__container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff6;border-radius:40px;flex-direction:column;gap:40px;padding:40px;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000014,inset 0 1px #ffffffb3}.footer__top{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.footer__button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:18px 28px;font-size:.95rem;font-weight:600;transition:transform .25s,opacity .25s}.footer__button:hover{opacity:.92;transform:translateY(-2px)}.footer__info{flex-direction:column;gap:20px;max-width:420px;display:flex}.footer__info p{line-height:1.6}.footer__contacts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer__contacts a{color:#5ddee3;text-decoration:none;transition:opacity .25s}.footer__contacts a:hover{opacity:.8}.footer__bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.footer__bottom p{font-size:.9rem}.hero{margin-top:-40px;max-width:1800px;margin-inline:auto;padding-top:20px}.hero__card{background:linear-gradient(135deg,#eef4ff 0%,#dbe8ff 20%,#b9dff0 45%,#8ba8ff 75%,#4d5db8 100%);border-radius:40px;align-items:flex-end;min-height:620px;padding:70px;animation:2s forwards heroReveal;display:flex;position:relative;overflow:hidden}.hero__image{position:absolute;inset:0;overflow:hidden}.hero__image img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.hero__image:after{content:"";background:linear-gradient(#0000 10%,#1f2b45 100%);position:absolute;inset:0}.hero__content{z-index:2;flex-direction:column;gap:80px;width:100%;display:flex;position:relative}.hero__bottom{justify-content:space-between;align-items:flex-end;gap:60px;display:flex}.hero__left h1{color:#fff;font-size:80px;line-height:.95}.hero__left p{color:#ffffffa6;margin-top:24px;font-size:.95rem}.hero__right{flex-direction:column;gap:30px;max-width:480px;display:flex}.hero__right p{color:#ffffffe0;font-size:1.15rem;line-height:1.5}.hero__right button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:999px;width:fit-content;padding:18px 34px;font-size:1rem;font-weight:600;transition:transform .25s,opacity .25s}.hero__right button:hover{opacity:.92;transform:translateY(-2px)}.hero__left,.hero__right{opacity:0;animation:2s .4s forwards heroContentReveal}@keyframes heroReveal{0%{opacity:0}to{opacity:1}}@keyframes heroContentReveal{0%{opacity:0;translate:0 60px}to{opacity:1;translate:0}}html,body,#root{min-height:100%}body{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#000;background:#eee9e9;margin:0;font-family:Arial}h1,h2,h3,h4,h5,h6{font-family:Abrade}#root{flex-direction:column;min-height:150vh;display:flex}.app{flex:1}.container{max-width:1500px;margin-inline:auto}
