layout
This commit is contained in:
@@ -529,6 +529,46 @@ body {
|
||||
color: #7a86a8;
|
||||
}
|
||||
|
||||
.section-shell {
|
||||
position: relative;
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
padding: clamp(1.75rem, 3.5vw, 3.25rem);
|
||||
border-radius: 36px;
|
||||
background: linear-gradient(155deg, #ffffff 0%, #f4f7ff 100%);
|
||||
border: 1px solid rgba(58, 111, 248, 0.14);
|
||||
box-shadow: 0 30px 60px rgba(15, 33, 66, 0.08);
|
||||
backdrop-filter: blur(6px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.section-shell::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 12% 8% auto auto;
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
background: radial-gradient(circle, rgba(255, 215, 166, 0.18), transparent 65%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.card-frame {
|
||||
border-radius: 26px;
|
||||
padding: 1.5rem;
|
||||
background: linear-gradient(140deg, #ffffff 0%, #f5f7ff 100%);
|
||||
border: 1px solid rgba(58, 111, 248, 0.14);
|
||||
box-shadow: 0 18px 40px rgba(15, 33, 66, 0.08);
|
||||
}
|
||||
|
||||
.card-frame--accent {
|
||||
border-color: rgba(58, 111, 248, 0.3);
|
||||
box-shadow: 0 22px 45px rgba(58, 111, 248, 0.15);
|
||||
}
|
||||
|
||||
.card-frame--soft {
|
||||
background: linear-gradient(140deg, #fbfcff 0%, #f2f6ff 100%);
|
||||
}
|
||||
|
||||
/* Steps / Features / Pricing */
|
||||
|
||||
.steps-grid,
|
||||
|
||||
Reference in New Issue
Block a user