.diy-page{--diy-cyan: #4cc8f2;--diy-cyan-dark: #08aeea;--diy-pink: #ff4fa3;--diy-pink-dark: #e52b8d;--diy-night: #0b0b12;--diy-text: #232333;--diy-muted: #666678;--diy-light: #f6f8fc;--diy-border: rgba(76, 200, 242, .2);background:#fff;color:var(--diy-text);overflow:hidden}.diy-page *,.diy-page *:before,.diy-page *:after{box-sizing:border-box}.diy-container{width:min(1220px,calc(100% - 40px));margin:0 auto}.diy-hero{position:relative;padding:92px 20px 86px;text-align:center;background:radial-gradient(circle at 20% 10%,rgba(255,79,163,.2),transparent 32%),radial-gradient(circle at 80% 20%,rgba(76,200,242,.24),transparent 34%),linear-gradient(135deg,#f9eaf4,#fff 48%,#eaf8fd)}.diy-hero:after{content:"";position:absolute;left:50%;bottom:0;width:min(760px,70%);height:3px;transform:translate(-50%);border-radius:999px;background:linear-gradient(90deg,transparent,var(--diy-pink),var(--diy-cyan),transparent)}.diy-eyebrow,.diy-section-kicker{margin:0 0 14px;color:var(--diy-pink);font-size:14px;font-weight:900;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.diy-title{margin:0;color:var(--diy-night);font-size:clamp(64px,10vw,128px);font-weight:950;line-height:.88;letter-spacing:-.055em;text-transform:uppercase}.diy-subtitle{margin:26px 0 22px;color:var(--diy-cyan-dark);font-size:clamp(27px,4vw,48px);font-weight:900;line-height:1.1}.diy-introduction{max-width:840px;margin:10px auto 0;color:var(--diy-muted);font-size:18px;line-height:1.75}.diy-section-heading{max-width:850px;margin:0 auto 52px;text-align:center}.diy-section-heading h2{margin:0;color:var(--diy-night);font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.15}.diy-section-heading>p:last-child{max-width:700px;margin:18px auto 0;color:var(--diy-muted);font-size:17px;line-height:1.7}.diy-categories{padding:90px 0}.diy-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.diy-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--diy-border);border-radius:28px;background:#fff;box-shadow:0 18px 45px #0b0b1214;transition:transform .3s ease,box-shadow .3s ease}.diy-card:hover{transform:translateY(-9px);box-shadow:0 26px 60px #0b0b1224}.diy-card-image-link{display:block;position:relative;overflow:hidden;background:#080811}.diy-card-image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;transition:transform .45s ease}.diy-card:hover .diy-card-image{transform:scale(1.035)}.diy-card-content{display:flex;flex:1;flex-direction:column;align-items:center;padding:30px 26px 32px;text-align:center}.diy-card-content h3{margin:0 0 14px;color:var(--diy-night);font-size:29px;font-weight:900}.diy-card-content p{margin:0 0 26px;color:var(--diy-muted);font-size:16px;line-height:1.65}.diy-card-content .diy-button{margin-top:auto}.diy-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border:0;border-radius:999px;color:#fff;font-size:14px;font-weight:900;line-height:1.3;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.diy-button:hover{color:#fff;transform:translateY(-3px);filter:brightness(1.04)}.diy-button--blue{background:linear-gradient(135deg,var(--diy-cyan),var(--diy-cyan-dark));box-shadow:0 10px 24px #4cc8f252}.diy-button--pink{background:linear-gradient(135deg,var(--diy-pink),var(--diy-pink-dark));box-shadow:0 10px 24px #ff4fa34d}.diy-button--large{min-height:54px;padding:15px 30px}.diy-components{padding:90px 0;background:var(--diy-light)}.diy-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.diy-info-card{position:relative;overflow:hidden;padding:30px 24px;border:1px solid rgba(76,200,242,.2);border-radius:24px;background:#fff;box-shadow:0 12px 32px #0b0b120f}.diy-info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--diy-pink),var(--diy-cyan))}.diy-info-number{display:block;margin-bottom:18px;color:var(--diy-cyan);font-size:34px;font-weight:950;line-height:1}.diy-info-card h3{margin:0 0 12px;color:var(--diy-night);font-size:21px;font-weight:900}.diy-info-card p{margin:0;color:var(--diy-muted);font-size:15px;line-height:1.65}.diy-steps{padding:90px 0}.diy-steps-list{max-width:900px;margin:0 auto}.diy-step{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:start;gap:24px;position:relative;padding:0 0 36px}.diy-step:not(:last-child):after{content:"";position:absolute;top:62px;bottom:4px;left:30px;width:2px;background:linear-gradient(var(--diy-cyan),rgba(255,79,163,.3))}.diy-step-number{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--diy-cyan),var(--diy-pink));color:#fff;font-size:23px;font-weight:950;box-shadow:0 10px 24px #4cc8f240}.diy-step-content{padding:7px 0 0}.diy-step-content h3{margin:0 0 9px;color:var(--diy-night);font-size:23px;font-weight:900}.diy-step-content p{margin:0;color:var(--diy-muted);font-size:16px;line-height:1.65}.diy-benefits{padding:90px 0;background:radial-gradient(circle at 15% 15%,rgba(255,79,163,.1),transparent 28%),radial-gradient(circle at 85% 70%,rgba(76,200,242,.13),transparent 30%),#fff}.diy-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.diy-benefit-card{padding:30px 24px;border:1px solid rgba(76,200,242,.18);border-radius:24px;background:#ffffffe6;text-align:center;box-shadow:0 14px 36px #0b0b120f}.diy-benefit-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,var(--diy-pink),var(--diy-cyan));color:#fff;font-size:25px;font-weight:900}.diy-benefit-card h3{margin:0 0 11px;color:var(--diy-night);font-size:20px;font-weight:900}.diy-benefit-card p{margin:0;color:var(--diy-muted);font-size:15px;line-height:1.65}.diy-warning{padding:40px 0 90px}.diy-warning-box{display:grid;grid-template-columns:70px minmax(0,1fr);gap:25px;max-width:950px;margin:0 auto;padding:34px;border:1px solid rgba(255,79,163,.25);border-radius:26px;background:linear-gradient(135deg,#ff4fa314,#4cc8f214)}.diy-warning-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--diy-pink);color:#fff;font-size:31px;font-weight:950}.diy-warning-content h2{margin:3px 0 12px;color:var(--diy-night);font-size:26px;font-weight:900}.diy-warning-content p{margin:8px 0 0;color:var(--diy-muted);font-size:16px;line-height:1.65}.diy-help{padding:0 0 100px}.diy-help-box{position:relative;overflow:hidden;max-width:1000px;margin:0 auto;padding:58px 40px;border-radius:32px;background:radial-gradient(circle at 15% 20%,rgba(255,79,163,.24),transparent 30%),radial-gradient(circle at 85% 80%,rgba(76,200,242,.25),transparent 32%),var(--diy-night);color:#fff;text-align:center;box-shadow:0 24px 60px #0b0b1238}.diy-help-box h2{margin:0;color:#fff;font-size:clamp(30px,4vw,46px);font-weight:900}.diy-help-box>p:not(.diy-section-kicker){max-width:700px;margin:18px auto 0;color:#ffffffc7;font-size:17px;line-height:1.7}.diy-help-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:30px}.diy-future-link{color:#ffffffa8;font-size:14px}@media screen and (max-width:989px){.diy-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-card:last-child{grid-column:1 / -1;width:calc(50% - 14px);margin:0 auto}.diy-info-grid,.diy-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.diy-container{width:min(100% - 28px,1220px)}.diy-hero{padding:66px 14px 62px}.diy-eyebrow,.diy-section-kicker{font-size:12px;letter-spacing:.1em}.diy-title{font-size:clamp(62px,24vw,92px)}.diy-subtitle{margin-top:21px;font-size:28px}.diy-introduction{font-size:16px;line-height:1.65}.diy-categories,.diy-components,.diy-steps,.diy-benefits{padding:66px 0}.diy-section-heading{margin-bottom:36px}.diy-section-heading h2{font-size:30px}.diy-section-heading>p:last-child{font-size:16px}.diy-card-grid{grid-template-columns:1fr;gap:24px}.diy-card:last-child{grid-column:auto;width:100%}.diy-card{border-radius:24px}.diy-card-content{padding:25px 21px 27px}.diy-card-content h3{font-size:26px}.diy-button{width:100%}.diy-info-grid,.diy-benefits-grid{grid-template-columns:1fr}.diy-info-card,.diy-benefit-card{padding:26px 21px}.diy-step{grid-template-columns:56px minmax(0,1fr);gap:17px;padding-bottom:30px}.diy-step-number{width:50px;height:50px;font-size:19px}.diy-step:not(:last-child):after{top:50px;left:24px}.diy-step-content{padding-top:2px}.diy-step-content h3{font-size:21px}.diy-warning{padding:20px 0 66px}.diy-warning-box{grid-template-columns:1fr;padding:27px 22px;text-align:center}.diy-warning-icon{margin:0 auto}.diy-warning-content h2{font-size:24px}.diy-help{padding-bottom:76px}.diy-help-box{padding:44px 22px;border-radius:26px}}@media screen and (max-width:380px){.diy-container{width:min(100% - 22px,1220px)}.diy-title{font-size:60px}.diy-subtitle{font-size:25px}.diy-card-content{padding-right:17px;padding-left:17px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/page-diy.css.map */