2 lines
16 KiB
CSS
2 lines
16 KiB
CSS
|
[data-v-d211a3ed]:root{--cg-bg-app: #0e0f12;--cg-bg-elevated: #14161c;--cg-bg-soft: rgba(255, 255, 255, .04);--cg-text-strong: rgba(248, 250, 255, .96);--cg-text: rgba(230, 234, 244, .86);--cg-muted: rgba(200, 210, 230, .56);--cg-border: rgba(255, 255, 255, .1);--cg-border-strong: rgba(242, 220, 160, .22);--cg-accent: #c9a962;--cg-accent-strong: #e9d089;--cg-accent-soft: rgba(201, 169, 98, .15);--cg-metallic: linear-gradient( 120deg, rgba(255, 255, 255, .14) 0%, rgba(201, 169, 98, .45) 18%, rgba(232, 210, 150, .75) 36%, rgba(154, 123, 61, .55) 58%, rgba(255, 255, 255, .12) 100% );--cg-shadow-strong: 0 18px 50px rgba(0, 0, 0, .45)}.hero[data-v-d211a3ed]{padding:clamp(16px,4vw,36px) 0 56px}.hero-split[data-v-d211a3ed]{display:grid;gap:clamp(14px,3vw,22px);grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr);align-items:stretch}.hero-cover[data-v-d211a3ed]{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.hero-cover__shade[data-v-d211a3ed]{height:clamp(240px,44vw,520px);transition:opacity .45s ease}.hero-cover__toolbar[data-v-d211a3ed]{position:absolute;right:14px;bottom:14px;display:flex;gap:10px}.circle-btn[data-v-d211a3ed]{cursor:pointer;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000073;color:#fff}.hero-copy[data-v-d211a3ed]{display:flex;flex-direction:column;gap:12px}.hero-cta[data-v-d211a3ed]{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.btn-primary[data-v-d211a3ed]{cursor:pointer;border-radius:12px;padding:11px 14px;font-weight:800;border:1px solid rgba(201,169,98,.42);color:#14151af0;background:linear-gradient(120deg,#e9d089,#c9a962)}.btn-ghost[data-v-d211a3ed]{cursor:pointer;border-radius:12px;padding:11px 14px;font-weight:750;border:1px solid rgba(255,255,255,.14);color:#f6f8feed;background:#ffffff0a}@media (max-width: 992px){.hero-split[data-v-d211a3ed]{grid-template-columns:1fr}}[data-v-0d95ec49]:root{--cg-bg-app: #0e0f12;--cg-bg-elevated: #14161c;--cg-bg-soft: rgba(255, 255, 255, .04);--cg-text-strong: rgba(248, 250, 255, .96);--cg-text: rgba(230, 234, 244, .86);--cg-muted: rgba(200, 210, 230, .56);--cg-border: rgba(255, 255, 255, .1);--cg-border-strong: rgba(242, 220, 160, .22);--cg-accent: #c9a962;--cg-accent-strong: #e9d089;--cg-accent-soft: rgba(201, 169, 98, .15);--cg-metallic: linear-gradient( 120deg, rgba(255, 255, 255, .14) 0%, rgba(201, 169, 98, .45) 18%, rgba(232, 210, 150, .75) 36%, rgba(154, 123, 61, .55) 58%, rgba(255, 255, 255, .12) 100% );--cg-shadow-strong: 0 18px 50px rgba(0, 0, 0, .45)}.service-section[data-v-0d95ec49]{padding:clamp(60px,8vw,100px) 0;position:relative}.service-section[data-v-0d95ec49]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,98,.3),transparent)}.section-header[data-v-0d95ec49]{text-align:center;margin-bottom:clamp(40px,5vw,64px)}.section-header .title-lg[data-v-0d95ec49]{margin-top:12px}.section-subtitle[data-v-0d95ec49]{margin-top:8px;font-size:16px}.service-grid[data-v-0d95ec49]{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px)}@media (max-width: 992px){.service-grid[data-v-0d95ec49]{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.service-card[data-v-0d95ec49]{padding:clamp(28px,3vw,40px) clamp(20px,2.5vw,32px);cursor:pointer;transition:all .4s ease;opacity:0;transform:translateY(30px);text-align:center}.service-card.animate-visible[data-v-0d95ec49]{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .3s ease,border-color .3s ease}.service-card[data-v-0d95ec49]:hover{border-color:#c9a96259;box-shadow:0 12px 40px #00000080,0 0 30px #c9a9620f;transform:translateY(-4px)}.service-icon-wrap[data-v-0d95ec49]{width:64px;height:64px;margin:0 auto 20px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a96233,#c9a9620d);border:1px solid rgba(201,169,98,.2)}.service-icon-wrap .service-icon[data-v-0d95ec49]{width:32px;height:32px;color:var(--cg-accent)}.serv
|