.promo-hero{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;padding:36px;border:1px solid #d9e6fa;border-radius:24px;background:linear-gradient(115deg,#fff 20%,#eef5ff);position:relative;overflow:hidden}.promo-hero h2{font-size:35px;line-height:1.15;letter-spacing:-1.1px;margin:13px 0;color:#12284d;max-width:550px}.promo-hero p{font-size:14px;line-height:1.7;color:#637794;max-width:540px;margin:0}.promo-invite{margin-top:27px;max-width:660px}.promo-invite label{display:block;font-size:12px;font-weight:700;color:#526782;margin-bottom:9px}.promo-invite>div{display:flex;gap:9px}.promo-invite input{min-width:0;flex:1;background:#fff;border:1px solid #d2e0f4;border-radius:10px;padding:13px 14px;color:#264a7c;font-size:13px}.promo-invite .btn{flex-shrink:0;gap:8px}.promo-hero-art{position:relative;display:grid;place-items:center;min-width:0}.promo-hero-art img{border-radius:23px;box-shadow:0 20px 50px #0755ff26;transform:rotate(-9deg);position:relative;z-index:1}.promo-orbit{position:absolute;width:165px;height:165px;border:1px solid #bed4f6;border-radius:50%;transform:rotate(-25deg)}.promo-orbit:before,.promo-orbit:after{content:'';position:absolute;border:1px solid #cadcf8;border-radius:50%;inset:18px;transform:rotate(35deg) scaleX(1.45)}.promo-orbit:after{inset:32px;border-color:#d1e1f9;transform:rotate(100deg) scaleX(1.5)}.promo-art-label{position:absolute;bottom:15px;font-size:8px;letter-spacing:2px;color:#7291be}.promo-collection-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:34px 0 18px}.promo-collection-head h2{font-size:22px;color:#12284d;margin:0 0 6px}.promo-collection-head span{font-size:12px;color:#7b8da6}.promo-motion{font:inherit;font-size:12px;color:#466487;border:1px solid #d5e1f1;border-radius:9px;padding:10px 13px;background:#fff;cursor:pointer}.promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.promo-card{min-width:0;background:white;border:1px solid #dfe7f3;border-radius:19px;overflow:hidden;box-shadow:0 5px 20px #1b468306}.promo-card-wide{grid-column:1/-1}.promo-card>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:14px}.promo-card h3{font-size:15px;margin:0 0 5px;color:#233d61}.promo-card header div>span{font-size:12px;color:#7a8ba4;font-variant-numeric:tabular-nums}.promo-format-badge{font-size:10px;letter-spacing:1px;color:#5577a7;background:#edf4fe;border:1px solid #dbe7f8;border-radius:6px;padding:6px 8px}.promo-stage{display:flex;justify-content:center;align-items:center;padding:30px 22px;background:radial-gradient(ellipse at center,#f4f8ff,#eaf0f8);min-height:162px;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}.promo-stage>a{display:block;min-width:0;max-width:100%;line-height:0}.promo-stage img{display:block;max-width:100%;height:auto;box-shadow:0 8px 22px #173f7912}.promo-stage.square,.promo-stage.compact{min-height:310px}.promo-card footer{display:flex;flex-wrap:wrap;gap:10px;padding:19px 24px}.promo-card .btn,.promo-invite .btn{font-size:12px;min-height:43px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;text-align:center;line-height:1.4}.promo-card .btn svg,.promo-invite .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.promo-feedback{font-size:13px;color:#0755ff;min-height:22px;margin-top:16px}.cabinet-page .workspace-nav{overflow-x:auto;scrollbar-width:thin}.cabinet-page .workspace-nav a{flex-shrink:0}
@media(max-width:1000px){.promo-hero{grid-template-columns:minmax(0,1fr) 120px;padding:28px;gap:18px}.promo-orbit{width:120px;height:120px}.promo-hero-art img{width:60px;height:60px}.promo-art-label{display:none}.promo-hero h2{font-size:29px}.promo-invite>div{flex-wrap:wrap}.promo-invite input{flex-basis:100%}}
@media(max-width:700px){.promo-hero{grid-template-columns:minmax(0,1fr);padding:25px 20px;border-radius:19px}.promo-hero-art{display:none}.promo-hero h2{font-size:28px}.promo-hero p{font-size:13px}.promo-invite{margin-top:22px}.promo-invite input{font-size:16px}.promo-grid{grid-template-columns:minmax(0,1fr);gap:18px}.promo-card-wide{grid-column:auto}.promo-card>header,.promo-card footer{padding:17px 18px}.promo-card footer .btn{flex:1}.promo-stage{padding:26px 14px;min-height:136px}.promo-stage.square{min-height:290px}.promo-stage.compact{min-height:175px}.promo-collection-head{align-items:flex-start;gap:10px}.promo-collection-head h2{font-size:19px}.promo-motion{font-size:11px;max-width:120px}}
