img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(99, 197, 34) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ #packets-container.bso-qs{--qs-g:#41aa00;--qs-gd:#2c7800;--qs-ink:#0f172a;--qs-m:#64748b;--qs-s:#fff;--qs-br:rgba(65, 170, 0,.2);--qs-sh:0 6px 22px rgba(15,30,46,.07);--qs-sh2:0 16px 42px rgba(15,30,46,.1);box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(12px,2vw,20px)} #packets-container.bso-qs *,#packets-container.bso-qs *::before,#packets-container.bso-qs *::after{box-sizing:border-box} #packets-container.bso-qs .bso-qs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,22px);align-items:stretch;width:100%} @media (max-width:1100px){#packets-container.bso-qs .bso-qs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){#packets-container.bso-qs .bso-qs__grid{grid-template-columns:minmax(0,1fr)}#packets-container.bso-qs .bso-qs-card{min-height:0}} #packets-container.bso-qs .bso-qs__grid>.bso-qs-card{align-self:stretch;min-height:100%} #packets-container.bso-qs .bso-qs-card__stack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;width:100%;flex:0 0 auto} #packets-container.bso-qs .bso-qs-card__stackItem{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0} #packets-container.bso-qs .bso-qs-card__stackItem>i{flex-shrink:0;width:1.2rem;text-align:center;color:var(--qs-g);font-size:1.05rem;line-height:1} #packets-container.bso-qs .bso-qs-card__stackTxt{flex:1;min-width:0;font-size:.8rem;font-weight:600;color:var(--qs-ink);line-height:1.38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #packets-container.bso-qs .bso-qs-card__stack--dense{gap:9px} #packets-container.bso-qs .bso-qs-card__stack--dense .bso-qs-card__stackTxt{white-space:normal;line-height:1.4} #packets-container.bso-qs .bso-qs-card__sep--mid{margin:8px 0 10px;border-top-color:rgba(15,23,42,.09)} #packets-container.bso-qs .bso-qs-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:clamp(280px,30vw,380px);background:var(--qs-s);border:1px solid var(--qs-br);border-radius:18px;box-shadow:var(--qs-sh);overflow:hidden;transition:box-shadow .26s ease,border-color .22s ease} #packets-container.bso-qs .bso-qs-card:hover{box-shadow:var(--qs-sh2);border-color:rgba(65, 170, 0,.48)} #packets-container.bso-qs .bso-qs-card__ribbon{position:absolute;top:14px;right:-38px;z-index:2;width:150px;height:28px;pointer-events:none} #packets-container.bso-qs .bso-qs-card__ribbon span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;letter-spacing:.55px;text-transform:uppercase;color:#fff;background:linear-gradient(120deg,#41aa00,#63c522);transform:rotate(42deg);box-shadow:0 2px 8px rgba(65, 170, 0,.35)} #packets-container.bso-qs .bso-qs-card__head{padding:20px 20px 14px;border-bottom:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,#fff,#f8fafc)} #packets-container.bso-qs .bso-qs-card__title{margin:0;font-size:1.05rem;font-weight:800;color:var(--qs-ink);letter-spacing:-.02em;line-height:1.25} #packets-container.bso-qs .bso-qs-card__body{display:flex;flex-direction:column;flex:1;gap:14px;padding:18px 20px 20px} #packets-container.bso-qs .bso-qs-card__pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 12px;border-radius:999px;background:#124f32;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em} #packets-container.bso-qs .bso-qs-card__pill i{font-size:.85rem} #packets-container.bso-qs .bso-qs-card__priceRow{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px} #packets-container.bso-qs .bso-qs-card__amount{font-size:1.75rem;font-weight:900;color:#0a0a0a;letter-spacing:-.03em;line-height:1} #packets-container.bso-qs .bso-qs-card__period{font-size:.78rem;font-weight:700;color:var(--qs-m);margin-left:2px} #packets-container.bso-qs .bso-qs-card__strike{font-size:.88rem;color:var(--qs-m);text-decoration:line-through;font-weight:600} #packets-container.bso-qs .bso-qs-card__sep{display:block;width:100%;height:0;margin:14px 0 12px;border:0;border-top:1px solid rgba(15,23,42,.1);flex-shrink:0} #packets-container.bso-qs .bso-qs-card__grow{flex:1 1 auto;min-height:8px;width:100%} #packets-container.bso-qs .bso-qs-card__specs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%} #packets-container.bso-qs .bso-qs-card__specs>li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;align-items:start;padding-bottom:10px;border-bottom:1px solid rgba(15,23,42,.06)} #packets-container.bso-qs .bso-qs-card__specs>li:last-child{border-bottom:none;padding-bottom:0} #packets-container.bso-qs .bso-qs-card__specs>li>i{color:var(--qs-g);font-size:1.05rem;line-height:1.25;margin-top:2px} #packets-container.bso-qs .bso-qs-card__kt{display:block;font-size:.65rem;font-weight:800;color:var(--qs-m);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px} #packets-container.bso-qs .bso-qs-card__kv{display:block;font-size:.84rem;font-weight:800;color:var(--qs-ink);line-height:1.3} #packets-container.bso-qs .bso-qs-card__kd{display:block;font-size:.72rem;font-weight:600;color:var(--qs-m);line-height:1.35;margin-top:4px} #packets-container.bso-qs .bso-qs__cta{position:relative;display:inline-flex;width:100%;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:none;border-radius:12px;background:var(--qs-g);color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.01em;line-height:1.2;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 4px 14px rgba(65, 170, 0,.28)} #packets-container.bso-qs .bso-qs__cta:hover{background:var(--qs-gd);color:#fff;box-shadow:0 6px 20px rgba(65, 170, 0,.38)} #packets-container.bso-qs .bso-qs__cta:visited{color:#fff} #packets-container.bso-qs .bso-qs__cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,-9999px) var(--y,-9999px),rgba(255,255,255,.28),transparent 68%);opacity:0;transition:opacity .14s} #packets-container.bso-qs .bso-qs__cta:hover::before{opacity:1} #packets-container.bso-qs .bso-qs__cta[disabled]{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none} #packets-container.bso-qs .bso-qs__cta--outline{background:var(--qs-s);color:var(--qs-g);border:2px solid var(--qs-g);box-shadow:none;font-weight:800;letter-spacing:.01em;transition:background .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease} #packets-container.bso-qs .bso-qs__cta--outline:hover{background:var(--qs-g);color:#fff;border-color:var(--qs-g);box-shadow:0 0 0 3px rgba(65, 170, 0,.18)} #packets-container.bso-qs .bso-qs-card--onb .bso-qs-card__head{background:linear-gradient(135deg,#41aa00,#368f00);border-bottom-color:rgba(255,255,255,.12)} #packets-container.bso-qs .bso-qs-card--onb .bso-qs-card__title{color:#fff} #packets-container.bso-qs .bso-qs-card--onb .bso-qs-card__lead{margin:2px 0 0;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.88);line-height:1.35} #packets-container.bso-qs .bso-qs-card--onb .bso-qs-card__specs .bso-qs-card__kt{font-weight:600} #packets-container.bso-qs .bso-qs-card--onb .bso-qs-card__specs .bso-qs-card__kv{font-size:.8rem;font-weight:600;line-height:1.38;color:var(--qs-ink)} :root[data-theme="dark"] #packets-container.bso-qs{--qs-ink:#f1f5f9;--qs-m:#94a3b8;--qs-s:#1e293b;--qs-br:rgba(148,163,184,.22);--qs-sh:0 8px 28px rgba(0,0,0,.35);--qs-sh2:0 18px 48px rgba(0,0,0,.45)} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs-card__sep{border-top-color:rgba(148,163,184,.2)} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs-card__sep--mid{border-top-color:rgba(148,163,184,.18)} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs-card__specs>li{border-bottom-color:rgba(148,163,184,.12)} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs-card__head{background:linear-gradient(180deg,#243548,#1e293b);border-bottom-color:rgba(148,163,184,.12)} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs-card--onb .bso-qs-card__head{background:linear-gradient(135deg,#41aa00,#1f5c00)} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs-card__amount{color:#f1f5f9} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs__cta--outline{background:transparent;color:#86efac;border-color:#34d399} :root[data-theme="dark"] #packets-container.bso-qs .bso-qs__cta--outline:hover{background:#41aa00;color:#fff;border-color:#41aa00} /*# sourceURL=theme-style-inline-css */ .bs-other-services { padding: 80px 0; background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 28%), radial-gradient(circle at bottom right, rgba(65, 170, 0, 0.10), transparent 26%), linear-gradient(180deg, #0f172a 0%, #111827 100%); position: relative; overflow: hidden; } .bs-other-services::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 22px 22px; pointer-events: none; opacity: 0.35; } .bs-other-services .container { position: relative; z-index: 2; } .bs-other-services-header { text-align: center; max-width: 760px; margin: 0 auto 42px auto; } .bs-other-services-header h2 { margin: 0 0 12px 0; font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 800; letter-spacing: -0.03em; color: #f9fafb; } .bs-other-services-header p { margin: 0; font-size: 1.05rem; line-height: 1.7; color: #cbd5e1; } .bs-other-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .bs-other-service-card { position: relative; display: flex; flex-direction: column; min-height: 100%; padding: 30px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 6px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); text-decoration: none; overflow: hidden; backdrop-filter: blur(6px); transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background-color 0.28s ease; } .bs-other-service-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 4px; background: linear-gradient(90deg, #12bc4a 0%, #57c11a 100%); } .bs-other-service-card:hover { border-color: rgba(52, 211, 153, 0.35); background: rgba(255, 255, 255, 0.06); box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24); } .bs-other-service-icon { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: rgba(16, 185, 129, 0.16); color: #57c11a; font-size: 1.7rem; margin-bottom: 20px; transition: background-color 0.28s ease, color 0.28s ease, transform 0.28s ease; } .bs-other-service-card:hover .bs-other-service-icon { background: #57c11a; color: #ffffff; transform: scale(1.04); } .bs-other-service-title { margin: 0 0 12px 0; font-size: 1.3rem; font-weight: 700; line-height: 1.3; color: #f9fafb; } .bs-other-service-desc { margin: 0 0 22px 0; font-size: 0.97rem; line-height: 1.7; color: #cbd5e1; flex: 1 1 auto; } .bs-other-service-meta { display: flex; align-items: center; gap: 8px; font-size: 0.95rem; font-weight: 600; color: #57c11a; } .bs-other-service-meta i { font-size: 1rem; transition: transform 0.28s ease; } .bs-other-service-card:hover .bs-other-service-meta i { transform: translateX(4px); } @media (max-width: 992px) { .bs-other-services { padding: 64px 0; } .bs-other-services-grid { grid-template-columns: 1fr; gap: 18px; } .bs-other-service-card { padding: 24px; } } @media (max-width: 576px) { .bs-other-services-header h2 { font-size: 1.85rem; } .bs-other-services-header p { font-size: 1rem; } .bs-other-service-title { font-size: 1.2rem; } .bs-other-service-desc { font-size: 0.94rem; } } /*# sourceURL=bs-other-services-inline-inline-css */ :root { --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --color-bg: #f5f5f5; --color-surface: #ffffff; --color-border: #e5e5e5; --color-text-header: #000000; --color-text-body: #111827; --color-text-muted: #374151; --color-brand: #41aa00; --color-brand-hover: #368f00; --color-brand-light: #e8f3ec; --color-discount: #41aa00; --shadow-lg: 0 10px 30px rgba(0, 0, 0, .08); --shadow-sm: 0 2px 8px rgba(0, 0, 0, .04); --radius-md: 8px; --radius-sm: 6px; --transition: all 0.2s ease-out; } html { scrollbar-gutter: stable; } @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0 rgba(65, 170, 0, .7); } 70% { box-shadow: 0 0 0 6px rgba(65, 170, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(65, 170, 0, 0); } } body { margin: 0; font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--color-bg); color: var(--color-text-body); -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; text-rendering: optimizeLegibility; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; font-kerning: normal; } * { box-sizing: border-box; } .bs-top-bar-wrapper { display: flex; flex-direction: column; font-size: 13px; } .bs-top-row-dark { background-color: #0a0a0a; border-bottom: 1px solid #262626; padding: 12px 0; position: relative; overflow: hidden; font-size: 13px; } .bs-shaders { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .bs-shader { position: absolute; border-radius: 50%; filter: blur(40px); will-change: filter; } .bs-shader-1 { top: -30px; left: 20%; width: 300px; height: 100px; background: rgba(65, 170, 0, 0.25); } .bs-shader-2 { bottom: -40px; right: 20%; width: 400px; height: 120px; background: rgba(65, 170, 0, 0.20); } .bs-shader-3 { top: 10px; left: 50%; transform: translateX(-50%); width: 250px; height: 80px; background: rgba(16, 185, 129, 0.15); } .bs-top-row-light { background-color: var(--color-surface); border-bottom: 1px solid var(--color-border); padding: 8px 0; } .bs-container-inner { max-width: 1280px; margin: 0 auto; padding: 0 var(--space-lg); display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; } .bs-campaign-sleek { display: flex; align-items: center; gap: 12px; color: #e5e5e5; font-weight: 500; letter-spacing: 0.2px; } .bs-campaign-sleek i { color: #2ea043; font-size: 15px; } .bs-campaign-sleek strong { color: #ffffff; font-weight: 700; } .bs-coupon-wrapper { display: flex; align-items: center; gap: 12px; color: #e5e5e5; font-weight: 500; letter-spacing: 0.2px; } .bs-divider-dark { width: 1px; height: 14px; background-color: #333333; } .bs-divider-light { width: 1px; height: 14px; background-color: var(--color-border); } .bs-coupon-code { background-color: rgba(65, 170, 0, 0.15); color: #34d399; font-family: monospace; font-weight: 700; font-size: 13px; padding: 3px 10px; border-radius: 4px; letter-spacing: 1px; border: 1px dashed rgba(65, 170, 0, 0.4); cursor: pointer; transition: var(--transition); user-select: all; } .bs-coupon-code:hover { background-color: rgba(65, 170, 0, 0.25); border-color: rgba(65, 170, 0, 0.6); } .bs-contact-info { display: flex; align-items: center; gap: 16px; } .bs-contact-info a { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: var(--color-text-muted); transition: var(--transition); font-weight: 600; } .bs-contact-info a:hover { color: var(--color-brand); } .bs-contact-info i { font-size: 14px; color: var(--color-brand); } .bs-action-grid { display: grid; grid-template-columns: 100px 130px; gap: 16px; align-items: center; } .bs-action-grid:has(.bs-action-col-ws) { grid-template-columns: minmax(0, auto) 100px 130px; } .bs-action-col-ws { display: flex; align-items: center; justify-content: flex-end; } .bso-immersive-launcher, .bso-widescreen-launcher, .bs-btn-widescreen { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 7px 16px; border-radius: var(--radius-md); border: 1px solid rgba(65, 170, 0, 0.35); background: linear-gradient(180deg, rgba(65, 170, 0, 0.08), rgba(65, 170, 0, 0.02)); color: #368f00; font-size: 13px; font-weight: 600; letter-spacing: 0.01em; white-space: nowrap; box-shadow: 0 2px 6px rgba(65, 170, 0, 0.06); transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; } .bso-immersive-launcher i, .bso-widescreen-launcher i, .bs-btn-widescreen i { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 14px; height: 14px; margin: 0; font-size: 14px; line-height: 1; color: #41aa00; } .bso-widescreen-launcher i::before, .bso-immersive-launcher i::before, .bs-btn-widescreen i::before { display: block; line-height: 1; } .bso-widescreen-launcher__label, .bso-immersive-launcher__label { display: block; line-height: 1; padding: 0; transform: none; } .bso-immersive-launcher:hover, .bso-widescreen-launcher:hover, .bs-btn-widescreen:hover { background: linear-gradient(180deg, rgba(65, 170, 0, 0.12), rgba(65, 170, 0, 0.05)); border-color: rgba(65, 170, 0, 0.55); color: #2c7800; box-shadow: 0 4px 12px rgba(65, 170, 0, 0.12); } :root[data-theme="dark"] .bso-immersive-launcher, :root[data-theme="dark"] .bso-widescreen-launcher, :root[data-theme="dark"] .bs-btn-widescreen { background: linear-gradient(180deg, rgba(99, 197, 34, 0.12), rgba(99, 197, 34, 0.03)); border-color: rgba(99, 197, 34, 0.35); color: #3fb950; box-shadow: 0 2px 6px rgba(99, 197, 34, 0.06); } :root[data-theme="dark"] .bso-immersive-launcher i, :root[data-theme="dark"] .bso-widescreen-launcher i, :root[data-theme="dark"] .bs-btn-widescreen i { color: #63c522; } :root[data-theme="dark"] .bso-immersive-launcher:hover, :root[data-theme="dark"] .bso-widescreen-launcher:hover, :root[data-theme="dark"] .bs-btn-widescreen:hover { background: linear-gradient(180deg, rgba(99, 197, 34, 0.2), rgba(99, 197, 34, 0.08)); border-color: rgba(99, 197, 34, 0.6); color: #fff; box-shadow: 0 4px 14px rgba(99, 197, 34, 0.18); } .bs-top-bar-wrapper .bso-immersive-launcher, .bs-top-bar-wrapper .bso-widescreen-launcher { min-height: 32px; padding: 5px 12px; font-size: 12px; gap: 7px; } .bs-top-bar-wrapper .bso-widescreen-launcher i, .bs-top-bar-wrapper .bso-immersive-launcher i { width: 13px; height: 13px; font-size: 13px; } .bs-header-actions { margin-left: var(--space-lg); } .bs-action-col-1, .bs-action-col-2 { display: flex; width: 100%; align-items: center; justify-content: center; } .bs-action-col-2 { justify-content: flex-start; } .bs-action-grid .bs-btn-outline, .bs-action-grid .bs-login { width: 100%; justify-content: center; } .bs-btn-outline { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--color-border); color: var(--color-text-body) !important; background-color: transparent; padding: 6px 14px; border-radius: var(--radius-md); text-decoration: none; font-weight: 600; transition: var(--transition); } .bs-btn-outline:hover { border-color: var(--color-brand); color: var(--color-brand) !important; background-color: var(--color-brand-light); } .bs-component-wrapper { position: sticky; top: 0; z-index: 1000; background-color: var(--color-surface); transition: box-shadow 0.3s ease; will-change: box-shadow; } body.bs-scrolled .bs-component-wrapper { box-shadow: var(--shadow-lg); } .admin-bar .bs-component-wrapper { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .bs-component-wrapper { top: 46px; } } .bs-header { background-color: transparent; } .bs-bar { position: relative; max-width: 1280px; margin: 0 auto; padding: var(--space-md) var(--space-lg); display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); } .bs-brand { display: block; flex-shrink: 0; line-height: 0; } .bs-brand img { width: 15.5rem; max-width: 100%; height: auto; display: block; } .bs-nav { flex-grow: 1; display: flex; justify-content: center; position: static; } .bs-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: var(--space-sm); position: static; } .bs-menu > li { position: static; } .bs-badge { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); background-color: var(--color-discount); color: #fff; padding: 2px 6px; font-size: 10px; font-weight: 700; border-radius: 3px; text-transform: uppercase; line-height: 1.2; animation: pulse-animation 2s infinite; pointer-events: none; } .bs-menu a { position: relative; display: flex; align-items: center; border-radius: var(--radius-md); font-size: 15px; font-weight: 550; letter-spacing: .01em; color: var(--color-text-header) !important; text-decoration: none; transition: color 0.2s ease-out, background-color 0.2s ease-out; cursor: pointer; padding: 11px 16px; } .bs-link { appearance: none; background: none; border: 0; display: flex; align-items: center; gap: 8px; border-radius: var(--radius-md); font-size: 15px; font-weight: 650; letter-spacing: .01em; color: var(--color-text-header) !important; text-decoration: none; transition: color 0.2s ease-out, background-color 0.2s ease-out; cursor: pointer; padding: 11px 16px; position: relative; } .bs-link, .bs-menu a, .bs-card .t, .bs-card .d, .bs-feature-list li, .bs-info-item .label, .bs-info-item .value { text-rendering: geometricPrecision; } .has-mega > .bs-link::after { content: ''; display: block; width: 6px; height: 6px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); transition: transform 0.2s ease-out; } .has-mega.open > .bs-link::after { transform: rotate(-135deg); } .bs-menu > li > .bs-link::before, .bs-menu > li > a::before { content: ''; position: absolute; left: 16px; right: 16px; bottom: 5px; height: 2px; background: linear-gradient(90deg, rgba(65, 170, 0, .95), rgba(65, 170, 0, .35)); transform: scaleX(0); transform-origin: center; transition: transform 0.2s ease; border-radius: 99px; } .bs-menu a:hover, .bs-link:hover, .has-mega.open > .bs-link { background-color: #edf7f1; color: var(--color-brand) !important; } .bs-menu > li > .bs-link:hover::before, .bs-menu > li > .bs-link:focus-visible::before, .bs-menu > li > a:hover::before, .bs-menu > li > a:focus-visible::before, .has-mega.open > .bs-link::before { transform: scaleX(1); } .bs-login { display: inline-flex; align-items: center; gap: var(--space-sm); background-color: var(--color-brand); color: #ffffff !important; font-weight: 600; padding: 10px var(--space-md); border-radius: var(--radius-md); text-decoration: none; transition: var(--transition); } .bs-login:hover { background-color: var(--color-brand-hover); box-shadow: 0 4px 10px rgba(0, 0, 0, .1); } .bs-mega { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 78rem; max-width: 95vw; padding: var(--space-lg); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; pointer-events: none; transition: transform 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out; z-index: 100; will-change: transform, opacity; } .bs-mega::before { content: ''; position: absolute; top: -15px; left: 0; width: 100%; height: 15px; } .bs-mega::after { display: none; } .has-mega.open > .bs-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); } .bs-card { display: flex; align-items: flex-start; gap: var(--space-md); padding: var(--space-md); text-decoration: none; border-radius: var(--radius-md); transition: var(--transition); border: 1px solid transparent; } .bs-card:hover { background-color: var(--color-bg); border-color: var(--color-border); border-radius: 6px; } .bs-card img { display: block; width: 40px; height: 40px; object-fit: contain; flex-shrink: 0; align-self: flex-start; } .bs-card .t { font-weight: 600; color: var(--color-text-body); font-size: 16px; line-height: 1.25; margin: 0 0 4px 0; } .bs-card .d { font-size: 14px; color: var(--color-text-muted); line-height: 1.5; margin: 0; } .bs-grid--two-col { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg); } .bs-grid--three-col { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-lg); } .bs-grid--four-col { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--space-lg); } .bs-grid-main { display: grid; grid-template-columns: 2fr 1.2fr; gap: var(--space-xl); } .bs-domain-grid { grid-template-columns: 1fr 1.25fr 1.25fr; } .bs-domain-grid .bs-feature-links .bs-card { padding: var(--space-md); } .bs-mega .bs-grid-main, .bs-mega .bs-grid--two-col, .bs-mega .bs-grid--three-col, .bs-mega .bs-grid--four-col { align-items: start; } .bs-mega .bs-card { min-width: 0; align-self: start; } .bs-mega .bs-card > div { min-width: 0; flex: 1 1 0%; } .bs-mega .bs-card .d { overflow-wrap: anywhere; } .bs-mega .bs-feature-links > .bs-card { align-self: stretch; width: 100%; max-width: 100%; box-sizing: border-box; } .bs-feature-links { display: grid; gap: var(--space-md); } .bs-feature-links a { display: flex; align-items: flex-start; gap: var(--space-md); padding: var(--space-md) 0; text-decoration: none; } .bs-feature-links a:first-child { padding-top: 0; } .bs-feature-links a .t { font-size: 16px; } .bs-domain-search h3, .bs-feature-list h3 { font-size: 20px; margin-top: 0; margin-bottom: var(--space-md); color: var(--color-text-body); } .bs-domain-search-form { display: flex; position: relative; } .bs-domain-search-form .icon { position: absolute; left: var(--space-md); top: 50%; transform: translateY(-50%); color: var(--color-text-muted); font-size: 20px; } .bs-domain-search-form input { flex-grow: 1; border: 1px solid var(--color-border); padding: 14px var(--space-md) 14px 48px; font-size: 16px; border-radius: var(--radius-md) 0 0 var(--radius-md); outline: none; transition: var(--transition); } .bs-domain-search-form input:focus { border-color: var(--color-brand); } .bs-domain-search-form button { border: none; background-color: var(--color-brand); color: white; padding: 0 var(--space-lg); font-size: 16px; font-weight: 600; border-radius: 0 var(--radius-md) var(--radius-md) 0; cursor: pointer; transition: var(--transition); } .bs-domain-search-form button:hover { background-color: var(--color-brand-hover); } .bs-tld-grid { margin-top: var(--space-lg); display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .bs-tld-grid a { text-decoration: none; padding: 12px; text-align: center; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); color: var(--color-text-body); font-weight: 600; transition: var(--transition); } .bs-tld-grid a:hover { border-color: var(--color-brand); color: var(--color-brand); } .bs-feature-list { background-color: var(--color-bg); padding: var(--space-lg); border-radius: var(--radius-md); height: 100%; } .bs-feature-list ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-md); } .bs-feature-list li { display: flex; align-items: center; gap: 12px; color: #334155; font-size: 14px; line-height: 1.55; font-weight: 500; } .bs-feature-list li i { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex-shrink: 0; color: var(--color-brand); font-size: 18px; line-height: 1; } .bs-info-box { background-color: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-sm) var(--space-lg); } .bs-info-item { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--color-bg); } .bs-info-item:last-child { border-bottom: none; } .bs-info-item .label { font-size: 12px; color: #475569; text-transform: uppercase; letter-spacing: .04em; font-weight: 600; } .bs-info-item .value { font-size: 14px; font-weight: 700; color: #0f172a; text-align: right; } .bs-info-item .value a { color: var(--color-text-body); text-decoration: none; } .bs-info-box .bs-info-cta { display: inline-block; background-color: #41aa00; color: #fff !important; padding: 8px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; text-decoration: none; line-height: 1; transition: var(--transition); } .bs-info-box .bs-info-cta:hover { background-color: #368f00; color: #fff !important; } .bs-mega--corporate .bs-grid-main { gap: var(--space-lg); } .bs-mega--corporate .bs-grid--two-col { gap: var(--space-sm) var(--space-lg); } .bs-nav-search { position: relative; width: 100%; overflow: visible; } .bs-nav-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--color-text-muted); font-size: 18px; pointer-events: none; } .bs-nav-search input { width: 100%; border: 1px solid var(--color-border); background: var(--color-surface); border-radius: var(--radius-md); padding: 11px 12px 11px 38px; font-size: 14px; outline: none; transition: var(--transition); color: var(--color-text-body) !important; } .bs-nav-search input::placeholder { color: var(--color-text-muted) !important; opacity: 1; } .bs-nav-search input:focus { border-color: var(--color-brand); box-shadow: 0 0 0 3px rgba(65, 170, 0, .12); } .bs-search-results { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: min(34rem, 92vw); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); overflow: hidden; display: none; z-index: 2000; } .bs-search-results.show { display: block; } .bs-search-item { display: flex; gap: 12px; padding: 12px; text-decoration: none; border-bottom: 1px solid var(--color-bg); color: var(--color-text-body); } .bs-search-item:last-child { border-bottom: none; } .bs-search-item:hover { background: var(--color-bg); color: var(--color-text-body); } .bs-search-item img { width: 28px; height: 28px; object-fit: contain; flex-shrink: 0; margin-top: 2px; } .bs-search-item .t { font-weight: 600; font-size: 14px; margin-bottom: 2px; color: inherit; } .bs-search-item .d { font-size: 12px; color: var(--color-text-muted); line-height: 1.35; color: inherit; } .bs-search-item:hover .t, .bs-search-item:hover .d { color: var(--color-brand); } .bs-search-empty { padding: 12px; font-size: 13px; color: var(--color-text-muted); } .bs-mobile-toggle { display: none; } .bs-mobile-overlay { display: none; } .bs-mobile-header { display: none; } .bs-mobile-cta { display: none; } @media (max-width: 1024px) { .bs-badge { display: none !important; } .bs-top-bar-wrapper { display: none !important; } .bs-component-wrapper { padding-left: env(safe-area-inset-left, 0); padding-right: env(safe-area-inset-right, 0); position: relative !important; top: auto !important; will-change: auto; } .admin-bar .bs-component-wrapper { top: auto !important; } body.bs-scrolled .bs-component-wrapper { box-shadow: none; } .bs-bar { flex-wrap: wrap; align-items: center; row-gap: 12px; column-gap: 10px; padding-left: max(var(--space-md), env(safe-area-inset-left, 0px)); padding-right: max(var(--space-md), env(safe-area-inset-right, 0px)); padding-top: max(var(--space-md), env(safe-area-inset-top, 0px)); } .bs-brand { flex: 1 1 auto; min-width: 0; max-width: calc(100% - 56px); } .bs-brand img { width: auto; max-width: min(200px, 58vw); max-height: 36px; object-fit: contain; object-position: left center; } .bs-header-actions { display: flex !important; flex: 1 1 100%; width: 100%; max-width: 100%; margin: 0 !important; order: 3; min-width: 0; } .bs-header-actions.bs-action-grid { display: grid !important; grid-template-columns: 1fr auto; gap: 10px; align-items: center; } .bs-header-actions .bs-action-col-1 { min-width: 0; justify-content: stretch; } .bs-header-actions .bs-action-col-2 .bs-login { padding: 10px 14px; font-size: 14px; white-space: nowrap; } .bs-nav-search input { font-size: 16px; } .bs-search-results { left: 0; right: 0; transform: none; width: 100%; max-width: none; } .bs-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; order: 2; flex: 0 0 auto; background: none; border: none; font-size: 26px; color: var(--color-text-header); cursor: pointer; padding: 0; margin: 0; min-width: 44px; min-height: 44px; border-radius: var(--radius-md); -webkit-tap-highlight-color: transparent; } .bs-mobile-toggle:active { background: rgba(65, 170, 0, 0.08); } .bs-mobile-toggle, .bs-mobile-close { touch-action: manipulation; } .bs-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; max-width: 100vw; height: 100%; min-height: 100vh; min-height: 100dvh; background: rgba(0, 0, 0, 0.6); z-index: 1999; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; display: block; will-change: opacity; } .bs-mobile-overlay.active { opacity: 1; visibility: visible; } .bs-nav { position: fixed; top: 0; left: 0; transform: translateX(-100%); width: min(320px, 88vw); max-width: 100%; height: 100vh; height: 100dvh; max-height: 100dvh; min-height: -webkit-fill-available; background: var(--color-surface); flex-direction: column; justify-content: flex-start; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--shadow-lg); padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(20px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; z-index: 2000; will-change: transform; } .bs-nav.active { transform: translateX(0); } .bs-mobile-header { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-border); gap: 8px; flex-shrink: 0; } .bs-mobile-header > img { width: auto; max-width: 132px; max-height: 32px; object-fit: contain; object-position: left center; } .bs-mobile-close { background: none; border: none; font-size: 22px; cursor: pointer; color: var(--color-text-muted); padding: 0; margin: 0; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-md); -webkit-tap-highlight-color: transparent; } .bs-menu { flex-direction: column; align-items: flex-start; width: 100%; gap: 0; } .bs-menu > li { width: 100%; position: relative; border-bottom: 1px solid var(--color-border); } .bs-menu > li:last-child { border-bottom: none; } .bs-link, .bs-menu a { justify-content: space-between; width: 100%; padding: 14px 4px; font-size: 14px; border-radius: 0; } .bs-link:hover, .bs-menu a:hover { background: transparent; color: var(--color-brand) !important; } .bs-menu > li > .bs-link::before, .bs-menu > li > a::before { display: none; } /* Mobil: masaüstü translateX(-50%) kalmasın; panel tam genişlikte akışta kalsın */ .bs-mega { position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; box-shadow: none; border: none; background: transparent; display: none; padding: 0; box-sizing: border-box; } .bs-mega-head { display: none; } .bs-mega-body { padding: 0; } .bs-mega::before { display: none; } .bs-mega::after { display: none; } .has-mega.open > .bs-mega { display: block; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; padding: 6px 0 12px 0; animation: mbMegaPanelIn 0.22s ease-out forwards; } .has-mega[data-mega="domain"].open > .bs-mega { padding-top: 10px; } @keyframes mbMegaPanelIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mbMegaItemIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } .has-mega.open > .bs-mega a.bs-card { animation: mbMegaItemIn 0.32s cubic-bezier(0.22, 1, 0.36, 1) backwards; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(1), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(1), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(1) { animation-delay: 0.02s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(2), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(2), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(2) { animation-delay: 0.055s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(3), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(3), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(3) { animation-delay: 0.09s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(4), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(4), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(4) { animation-delay: 0.125s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(5), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(5), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(5) { animation-delay: 0.16s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(6), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(6), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(6) { animation-delay: 0.195s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(7), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(7), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(7) { animation-delay: 0.23s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(8), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(8), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(8) { animation-delay: 0.265s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(9), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(9), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(9) { animation-delay: 0.3s; } .has-mega.open > .bs-mega .bs-grid--two-col > a.bs-card:nth-child(10), .has-mega.open > .bs-mega .bs-grid--three-col > a.bs-card:nth-child(10), .has-mega.open > .bs-mega .bs-feature-links > a.bs-card:nth-child(10) { animation-delay: 0.335s; } .bs-grid-main, .bs-grid--two-col, .bs-grid--three-col, .bs-grid--four-col, .bs-domain-grid { grid-template-columns: 1fr; gap: 8px; width: 100%; } .bs-mega .bs-card img.bs-mega-card-icon, .bs-mega .bs-feature-links a.bs-card img { display: block !important; width: 28px !important; height: 28px !important; object-fit: contain; flex-shrink: 0; align-self: center; } .bs-mega .bs-card, .bs-mega .bs-feature-links a.bs-card { padding: 10px 12px !important; background: var(--color-bg) !important; border: 1px solid var(--color-border) !important; border-radius: 10px !important; margin-bottom: 0 !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; display: flex !important; width: 100%; max-width: 100%; box-sizing: border-box; } .bs-mega .bs-card .t, .bs-mega .bs-feature-links a .t { font-size: 14px; margin: 0; font-weight: 600; line-height: 1.3; text-align: left; } .bs-mega .bs-card .d { display: none !important; } .bs-domain-search { display: none !important; } .bs-info-box { display: none !important; } .bs-feature-list { display: none; } .bs-mobile-cta { display: flex; flex-direction: column; gap: 12px; padding: 16px 4px; margin-top: 16px; border-top: 1px solid var(--color-border); } .bs-mobile-cta #bso-onboarding-launcher-mount, .bs-mobile-cta .bso-onboarding-launcher-mount, .bs-mobile-cta .bs-mobile-ws-launcher { width: 100%; flex-shrink: 0; } .bs-mobile-cta #bso-onboarding-launcher-mount .bso-onboarding-launcher, .bs-mobile-cta .bso-onboarding-launcher-mount .bso-onboarding-launcher, .bs-mobile-cta .bso-widescreen-launcher { width: 100%; max-width: none; justify-content: center; min-height: 44px; padding: 10px 16px; font-size: 14px; } .bs-mobile-promo { background: rgba(65, 170, 0, 0.05); border: 1px solid rgba(65, 170, 0, 0.2); border-radius: 10px; padding: 12px; text-align: center; } .bs-mobile-promo .c { color: var(--color-text-body); font-weight: 600; font-size: 13px; margin-bottom: 6px; } .bs-mobile-promo .k { display: inline-block; background: rgba(65, 170, 0, 0.15); color: #368f00; padding: 4px 8px; border-radius: 4px; font-family: monospace; font-weight: 700; font-size: 14px; } .bs-mobile-header .bs-theme-toggle { flex-shrink: 0; width: 56px; height: 28px; margin: 0; } .bs-mobile-header .bs-theme-toggle i { font-size: 12px; } .bs-mobile-header .bs-toggle-thumb { width: 22px; height: 22px; } :root[data-theme="dark"] .bs-mobile-header .bs-toggle-thumb { transform: translateX(26px); } } @media (max-width: 1024px) and (prefers-reduced-motion: reduce) { .has-mega.open > .bs-mega { animation: none; } .has-mega.open > .bs-mega a.bs-card { animation: none !important; opacity: 1; transform: none; } } :root[data-theme="dark"] { --color-bg: #0d1117; --color-surface: #161b22; --color-border: #30363d; --color-text-header: #e5e7eb; --color-text-body: #d1d5db; --color-text-muted: #b7c0cc; --color-brand: #238636; --color-brand-hover: #2ea043; --color-brand-light: #1f2a24; --color-bg-alt: #0d1117; --ink: #c9d1d9; --muted: #8b949e; --border: #30363d; --surface: #161b22; --surface-2: #0d1117; } /* Sadece zemin: border-bottom verme — .bs-top-row-light zaten 1px border kullanıyor; wrapper’a ikinci border eklemek koyu temada tüm sayfayı ~1px aşağı kaydırıyordu. */ :root[data-theme="dark"] .bs-top-bar-wrapper { background-color: var(--color-surface); } :root[data-theme="dark"] body { background-color: var(--color-bg) !important; color: var(--color-text-body) !important; } :root[data-theme="dark"] h1, :root[data-theme="dark"] h2, :root[data-theme="dark"] h3, :root[data-theme="dark"] h4, :root[data-theme="dark"] h5, :root[data-theme="dark"] h6 { color: var(--color-text-header) !important; } .bs-logo-dark { display: none !important; } :root[data-theme="dark"] .bs-logo-light { display: none !important; } :root[data-theme="dark"] .bs-logo-dark { display: block !important; } :root[data-theme="dark"] .bs-mega a.bs-card > img.bs-mega-card-icon.bs-mega-icon--invert { filter: invert(1); } :root[data-theme="dark"] .bs-menu a:hover, :root[data-theme="dark"] .bs-link:hover, :root[data-theme="dark"] .has-mega.open > .bs-link { background-color: var(--color-brand-light); color: var(--color-brand-hover) !important; } :root[data-theme="dark"] .bs-mega .bs-card:hover { background-color: var(--color-brand-light); border-color: var(--color-border); } :root[data-theme="dark"] .bs-search-item:hover { background: var(--color-brand-light); color: var(--color-text-body); } :root[data-theme="dark"] .bs-info-item .label { color: var(--color-text-muted); } :root[data-theme="dark"] .bs-info-item .value { color: var(--color-text-header); } :root[data-theme="dark"] .bs-info-item { border-bottom-color: var(--color-border); } .bs-theme-toggle { position: relative; width: 60px; height: 30px; background: linear-gradient(145deg, #e5e5e5, #d4d4d8); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 12px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px; cursor: pointer; flex-shrink: 0; box-shadow: inset 0 2px 5px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.02); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); } :root[data-theme="dark"] .bs-theme-toggle { background: linear-gradient(145deg, var(--color-brand), #115c38); border-color: rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 6px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.1); } .bs-theme-toggle i { font-size: 13px; z-index: 1; display: block !important; transform: none !important; opacity: 1 !important; transition: color 0.4s ease; line-height: 1; } .bs-theme-toggle .bi-sun-fill { color: #d97706; } .bs-theme-toggle .bi-moon-fill { color: #737373; } :root[data-theme="dark"] .bs-theme-toggle .bi-sun-fill { color: #d97706; } :root[data-theme="dark"] .bs-theme-toggle .bi-moon-fill { color: #f5f5f5; } .bs-toggle-thumb { position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; background: #ffffff; border-radius: 40%; box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.1), inset 0 -2px 4px rgba(0,0,0,0.02); z-index: 2; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } :root[data-theme="dark"] .bs-toggle-thumb { transform: translateX(30px); background: #f5f5f5; box-shadow: 0 3px 6px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2), inset 0 -2px 4px rgba(255,255,255,0.1); } .bs-top-row-light .bs-toggle-thumb { view-transition-name: theme-thumb-desktop; } .bs-mobile-header .bs-toggle-thumb { view-transition-name: theme-thumb-mobile; } ::view-transition-group(theme-thumb-desktop), ::view-transition-group(theme-thumb-mobile) { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); } ::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; } [data-theme="dark"]::view-transition-old(root) { z-index: 2; } [data-theme="dark"]::view-transition-new(root) { z-index: 1; } :root:not([data-theme="dark"])::view-transition-old(root) { z-index: 1; } :root:not([data-theme="dark"])::view-transition-new(root) { z-index: 2; } .bs-top-bar-wrapper, .bs-component-wrapper { --radius-md: 8px; --shadow-lg: 0 10px 30px rgba(0, 0, 0, .08); --transition: all 0.2s ease-out; } .bs-top-bar-wrapper .bi, .bs-component-wrapper .bi { line-height: 1; } :root { --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-xxl: 80px; --color-surface: #ffffff; --color-bg-alt: #f9fbf9; --color-border: #e2e8f0; --color-text-header: #0f172a; --color-text-body: #475569; --color-text-muted: #64748b; --color-brand: #41aa00; --color-brand-hover: #368f00; --color-brand-light-accent: #28a745; --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08); --shadow-lg: 0 10px 30px rgba(140, 149, 159, 0.2); --radius-md: 6px; --radius-lg: 12px; --transition: all 0.3s ease-in-out; --ring: rgba(37, 99, 235, .22); --brand: #0f1e2e; --surface: #ffffff; --surface-2: #f9fafb; --ink: #111827; --muted: #6b7280; --border: #e5e7eb; --shadow: 0 6px 20px rgba(0,0,0,.08); --icon: #2ea36a; --accent: #3ece70; } body { margin: 0; padding: 0; box-sizing: border-box; overflow-x: hidden; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 var(--space-lg); } section { width: 100%; display: block; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInOnly { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes dc-in { to { opacity: 1; transform: translateX(0) scale(1); } } .fade-in-up { opacity: 0; animation: fadeInUp 0.8s ease-out forwards; } .will-fade { opacity: 0; } .fade-in { animation: fadeInOnly 0.6s ease-out forwards; } .section-header { text-align: center; margin-bottom: 60px; } .section-header .subtitle { font-size: 14px; font-weight: 600; letter-spacing: 1px; color: var(--color-brand); text-transform: uppercase; margin-bottom: 12px; } .section-header .title { font-size: 40px; font-weight: 700; color: var(--color-text-header); line-height: 1.2; } .section-header .section-description { font-size: 17px; color: var(--color-text-muted); margin: 15px auto 0 auto; line-height: 1.7; max-width: 800px; } .combined-bg-section { position: relative; background-color: transparent; overflow: hidden; } .combined-bg-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-bg); z-index: -2; } .background-objects { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } .background-objects .shape { position: absolute; background-color: rgba(65, 170, 0, 0.07); border-radius: 30%; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .background-objects .shape-1 { width: 220px; height: 220px; top: -50px; left: -80px; transform: rotate(45deg); } .background-objects .shape-2 { width: 180px; height: 180px; top: 40%; right: -60px; transform: rotate(60deg); } .background-objects .shape-3 { width: 90px; height: 90px; top: 15%; right: 15%; background-color: rgba(40, 167, 69, 0.06); transform: rotate(-30deg); } .background-objects .shape-4 { width: 120px; height: 120px; bottom: 20%; left: 5%; transform: rotate(15deg); } .background-objects .shape-5 { width: 150px; height: 150px; top: 60%; left: -40px; background-color: rgba(40, 167, 69, 0.06); transform: rotate(25deg); } .background-objects .shape-6 { width: 100px; height: 100px; bottom: 10%; right: 10%; transform: rotate(-15deg); } .bs-hero-section { padding: var(--space-xxl) 0; background-color: transparent; position: relative; z-index: 1; } .bs-hero-section .container { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--space-xxl); position: relative; } .bs-hero-heading-group { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin: 0 0 var(--space-md); } .bs-hero-heading-group h1 { margin: 0; animation-delay: 0.05s; } .bs-hero-heading-group h2 { margin: 0; font-size: 52px; font-weight: 800; line-height: 1.18; color: var(--color-text-header); animation-delay: 0.1s; max-width: 720px; } .hero-brand-title { display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px; border: 1px solid rgba(65, 170, 0, 0.16); border-radius: 6px; background: linear-gradient(135deg, rgba(65, 170, 0, 0.10), rgba(40, 167, 69, 0.04)); font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: 0.2px; color: #166534; max-width: fit-content; } .highlight-gradient { background-image: linear-gradient(45deg, var(--color-brand-light-accent), var(--color-brand)); -webkit-background-clip: text; background-clip: text; color: transparent; } .bs-hero-content p { font-size: 18px; color: var(--color-text-body); line-height: 1.7; margin: 0 0 var(--space-xl); max-width: 620px; animation-delay: 0.3s; } .bs-hero-actions { display: flex; flex-direction: row; gap: var(--space-md); animation-delay: 0.5s; flex-wrap: nowrap; width: 100%; } .bs-hero-button { display: inline-flex; align-items: center; gap: 8px; background-color: var(--color-brand); color: #ffffff; font-size: 16px; font-weight: 600; text-decoration: none; padding: 14px 28px; border-radius: var(--radius-md); transition: var(--transition); box-shadow: var(--shadow-md); white-space: nowrap; height: 54px; box-sizing: border-box; } .bs-hero-button:hover { background-color: var(--color-brand-hover); color: #fff; box-shadow: 0 8px 20px rgba(54, 143, 0, 0.25); } .bs-hero-button i { font-size: 20px; transition: transform 0.2s ease; } .bs-hero-button:hover i { transform: translateX(4px); } .premium-domain-form { position: relative; flex-grow: 1; min-width: 250px; } .premium-domain-form .form-icon { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--color-text-muted); pointer-events: none; font-size: 18px; z-index: 1; } .premium-domain-form input[type="text"] { width: 100%; height: 54px; box-sizing: border-box; border: 1px solid var(--color-border); border-radius: var(--radius-md); background-color: var(--color-surface); padding-left: 52px; padding-right: 115px; font-size: 16px; font-weight: 500; color: var(--color-text-header); transition: var(--transition); } .premium-domain-form input[type="text"]::placeholder { color: var(--color-text-muted); } .premium-domain-form input[type="text"]:focus { outline: none; border-color: var(--color-brand); background-color: var(--color-surface); box-shadow: 0 0 0 4px rgba(65, 170, 0, 0.15); } .premium-domain-form button { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); height: 40px; border: none; color: white; padding: 0 var(--space-lg); font-weight: 600; font-size: 14px; border-radius: 8px; cursor: pointer; background-color: #41aa00; transition: all 0.2s ease-out; display: flex; align-items: center; justify-content: center; } .premium-domain-form button:hover { background-color: #368f00; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .premium-domain-form button:active { transform: translateY(-50%) scale(0.97); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .bs-hero-subtext { font-size: 13px; color: var(--color-text-muted); margin-top: var(--space-md); animation-delay: 0.7s; display: flex; align-items: center; gap: var(--space-sm); } .bs-hero-subtext i { font-size: 14px; } .bs-hero-image { animation-delay: 0.2s; } .bs-hero-image:hover img { transform: scale(1.03); } .bs-hero-image img { max-width: 100%; height: auto; border-radius: var(--radius-md); transition: var(--transition); } .bs-stats-section { margin-top: var(--space-xl); } .bs-stats-section.fade-in-up { animation-delay: 0.9s; } .stats-container { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-lg); } .stat-item { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; } .stat-header { display: flex; align-items: center; justify-content: center; gap: var(--space-md); } .stat-icon { font-size: 38px; color: var(--color-brand); transition: var(--transition); } .stat-item:hover .stat-icon { transform: scale(1.15) rotate(-10deg); color: var(--color-brand-hover); } .stat-number { font-size: 48px; font-weight: 700; background-image: linear-gradient(45deg, var(--color-brand-light-accent), #115535); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0; line-height: 1.1; } .stat-label { font-size: 16px; color: var(--color-text-body); margin-top: 8px; font-weight: 500; transition: var(--transition); } .section-why-us { position: relative; padding: 80px 0; background-color: transparent; z-index: 1; } .section-why-us .container { position: relative; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; align-items: center; } .col-lg-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 50%; max-width: 50%; } .col-md-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 50%; max-width: 50%; } .why-us-content h2 { font-size: 2.4rem; font-weight: 700; margin-bottom: 20px; color: #343a40; } .why-us-content .lead { font-size: 1.05rem; color: #303132; line-height: 1.7; margin-bottom: 30px; } .gradient-text { background: linear-gradient(45deg, #28a745, #218838); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; display: inline-block; } .why-us-image-container img { border-radius: 15px; transition: transform .3s ease-in-out; max-width: 100%; height: auto;} .why-us-image-container img:hover { transform: scale(1.03); } .feature-item { display: flex; align-items: center; margin-bottom: 25px; transition: transform .2s ease-in-out; } .feature-item:hover { transform: translateX(5px); } .feature-icon-wrapper { flex-shrink: 0; width: 50px; height: 50px; background-color: rgba(40, 167, 69, .1); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 20px; } .feature-icon-wrapper i { font-size: 1.6rem; color: #28a745; } .feature-title { font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 0; } .premium-features-section { padding: 100px 0; background-color: #f8fafc; animation: fadeIn 1s ease-in-out forwards; } .features-grid-layout { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .feature-card { background-color: var(--color-surface); padding: 30px; border-radius: var(--radius-lg); border: 1px solid var(--color-border); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); transition: box-shadow 0.3s ease, border-color 0.3s ease; display: flex; align-items: flex-start; gap: 20px; } .feature-card:hover { box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); border-color: var(--color-brand); } .feature-card-icon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #e8f3ee; border-radius: 10px; transition: background-color 0.3s ease; } .feature-card-icon i { font-size: 28px; color: var(--color-brand); transition: color 0.3s ease; } .feature-card:hover .feature-card-icon { background-color: var(--color-brand); } .feature-card:hover .feature-card-icon i { color: #ffffff; } .feature-card-title { font-size: 18px; font-weight: 600; color: #2d3748; margin: 0 0 8px 0; } .feature-card-description { font-size: 15px; color: var(--color-text-muted); line-height: 1.6; margin: 0; } .carousel-section { width: 100%; overflow: hidden; padding: 40px 0; background-color: #f8fafc; } .carousel-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; } .carousel-track { display: flex; align-items: center; width: max-content; } .carousel-track.carousel-marquee-track { animation: fp-partners-marquee 50s linear infinite; will-change: transform; } .carousel-wrapper:hover .carousel-track.carousel-marquee-track { animation-play-state: paused; } .carousel-marquee__group { display: flex; align-items: center; gap: 30px; flex-shrink: 0; /* Klon birleşiminde (ör. Ryzen | VMware) track seviyesinde gap yoktu; iç gap ile aynı mesafe */ padding-inline-end: 30px; } @keyframes fp-partners-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .carousel-track.carousel-marquee-track { animation: none; transform: none; } } .carousel-item { position: relative; width: 150px; height: 56px; object-fit: contain; flex-shrink: 0; cursor: pointer; overflow: hidden; user-drag: none; -webkit-user-drag: none; pointer-events: auto; } .carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; transition: transform 0.5s ease, opacity 0.5s ease; user-select: none; -webkit-user-drag: none; pointer-events: none; } .carousel-item .gray { filter: grayscale(100%); opacity: 1; transform: translateY(0); } .carousel-item .color { filter: grayscale(0%); opacity: 0; transform: translateY(100%); } .carousel-item:hover .gray { opacity: 0; transform: translateY(-100%); } .carousel-item:hover .color { opacity: 1; transform: translateY(0); } .vds-section { padding: 80px 0; background-color: var(--color-surface); } .vds-tabs-wrap { display: flex; justify-content: center; margin: 0 0 20px; } .vds-rail { position: relative; display: inline-flex; gap: 8px; padding: 4px 6px; border: 1px solid var(--border); border-radius: 999px; background: #fff; box-shadow: 0 8px 18px rgba(15, 30, 46, .06); max-width: 100%; } .vds-rail .goo { position: absolute; inset: 0; z-index: 0; pointer-events: none; filter: url(#goo); } .vds-rail .selector, .vds-rail .tail { position: absolute; top: 10px; left: 12px; height: calc(100% - 20px); width: 0; border-radius: 999px; background: #e9faf1; box-shadow: inset 0 0 0 1px rgba(62, 206, 112, .22), 0 6px 14px rgba(24, 143, 72, .16); transform: translateZ(0); } .vds-rail .tail { background: #dff7ea; opacity: .9; } .vds-rail .selector::after, .vds-rail .tail::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(120% 100% at 20% 20%, rgba(255, 255, 255, .56) 0, rgba(255, 255, 255, 0) 55%); } .vds-tab { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .7rem 1.2rem; border-radius: 999px; border: 1px solid transparent; background: transparent; color: var(--brand); text-decoration: none; font-weight: 800; font-size: .95rem; letter-spacing: .2px; cursor: pointer; user-select: none; min-width: 160px; transition: color .12s ease, transform .05s; } .vds-tab:hover { color: #188f48; } .vds-tab:active { transform: translateY(1px); } .vds-tab.active { color: #0e743b; } .vds-tab i { font-size: 1rem; } .datacasa-section { padding: 80px 0; background-color: #f8fafc; } .home-blog-section { padding: 80px 0; background-color: #f8fafc; } .home-blog-section .section-header { margin-bottom: 0; } .home-blog-section .bs-home-blog { background-color: transparent; } .dc-wrap { background: transparent; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif; } .dc-grid { display: grid; grid-template-columns: 1fr minmax(360px, 860px) 1fr; gap: 28px; align-items: center; } .dc-col { display: grid; gap: 18px; } .dc-card { background: var(--color-surface); border: 1px solid rgba(0, 0, 0, .06); border-radius: 14px; padding: 24px; box-shadow: var(--shadow-md); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 12px; transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease; } .dc-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(0, 0, 0, .15), 0 6px 15px rgba(0, 0, 0, .08); background-color: var(--color-brand); color: var(--color-surface); } .dc-card:hover h3 { color: var(--color-surface); } .dc-card-icon { width: 60px; height: 60px; background-color: var(--color-brand); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-surface); transition: background-color .3s ease, color .3s ease; } .dc-card:hover .dc-card-icon { background-color: var(--color-surface); color: var(--color-brand); } .dc-card-icon i { font-size: 32px; line-height: 1; } .dc-card h3 { margin: 0; font-size: 16px; color: #0b0b0b; letter-spacing: .2px; line-height: 1.4; transition: color .3s ease; } .dc-col-center { display: flex; justify-content: center; align-items: center; } .dc-gallery { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; gap: 12px; max-width: 860px; width: 100%; position: relative; grid-template-areas: "one two" "one three" "four three"; } .shot-one { grid-area: one; } .shot-two { grid-area: two; } .shot-three { grid-area: three; } .shot-four { grid-area: four; } .dc-shot { position: relative; border-radius: 18px; overflow: hidden; background: linear-gradient(135deg, rgba(29, 78, 216, .08), rgba(37, 99, 235, .12)); border: 1px solid rgba(0, 0, 0, .06); box-shadow: var(--shadow-md); isolation: isolate; transition: transform .35s cubic-bezier(.2, .6, .2, 1), box-shadow .35s ease; } .dc-shot::after { content: ""; position: absolute; inset: -6px; border-radius: 22px; pointer-events: none; box-shadow: 0 0 0 10px var(--ring); opacity: 0; transition: opacity .35s ease; } .dc-shot:hover::after { opacity: 0.9; } .dc-shot img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); } .dc-shot:hover { transform: scale(1.02); } .dc-shot:active { transform: scale(1.01); } [data-animate] { opacity: 0; transform: translateX(var(--tx, -10px)) scale(.985); animation: dc-in .55s cubic-bezier(.2, .6, .2, 1) forwards; animation-delay: var(--delay, 0ms); } .dc-col-right [data-animate] { --tx: 10px; } .dc-col-center [data-animate] { --tx: 0; } .faq-section { padding: 80px 0; background-color: var(--color-surface); } .bs-iso-container { width: 100%; margin: 0 auto;} .bs-iso-title { font-size: 32px !important; font-weight: 700 !important; color: #111827 !important; margin-bottom: 10px !important; letter-spacing: -0.5px; line-height: 1.2 !important; text-align: center; } .bs-iso-grid { display: flex; flex-direction: column; gap: 12px; } .bs-iso-card { background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; transition: border-color .2s ease; } .bs-iso-card.active { border-color: #9ca3af; } .bs-iso-btn { width: 100%; background: transparent !important; border: none !important; padding: 20px !important; display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-align: left; font-size: 16px !important; font-weight: 600 !important; color: #1f2937 !important; transition: color .2s ease; border-radius: 0 !important; } .bs-iso-btn:hover { color: #000000 !important; } .bs-iso-btn-text { flex: 1; margin-right: 15px; } .bs-iso-icon { width: 20px; height: 20px; min-width: 20px; color: #9ca3af; transition: all .3s cubic-bezier(.4, 0, .2, 1); } .bs-iso-card.active .bs-iso-icon { transform: rotate(180deg); color: #10b981; } .bs-iso-content { max-height: 0; overflow: hidden; transition: max-height .3s ease; } .faq-section .bs-iso-card.active .bs-iso-content { max-height: 3200px; } .bs-iso-inner-text { padding: 0 20px 20px 20px !important; color: #4b5563 !important; line-height: 1.6 !important; font-size: 15px !important; margin: 0 !important; } .bs-strong { color: #000; font-weight: 700; } @media (max-width: 1080px) { .dc-grid { grid-template-columns: 1fr 1.2fr 1fr; } } @media (max-width: 992px) { .bs-hero-section .container { grid-template-columns: 1fr; text-align: center; } .bs-hero-heading-group { align-items: center; } .bs-hero-image { order: -1; margin-bottom: var(--space-xl); } .bs-hero-heading-group h2 { font-size: 38px; } .hero-brand-title { font-size: 13px; padding: 9px 14px; } .bs-hero-content p { margin-left: auto; margin-right: auto; } .bs-hero-actions { justify-content: center; } .bs-hero-subtext { justify-content: center; width: 100%; } .stats-container { justify-content: center; } .col-lg-6, .col-md-6 { flex: 0 0 100%; max-width: 100%; } .why-us-content { margin-top: 40px; } .why-us-image-container { display: none; } .features-grid-layout { grid-template-columns: repeat(2, 1fr); } .support-container { flex-direction: column; text-align: center; } .support-actions { text-align: center; margin: 0 auto;} .support-buttons { justify-content: center; } .support-heading { font-size: 2rem; } } @media (max-width: 900px) { .dc-grid { grid-template-columns: 1fr; } .dc-col-left, .dc-col-right { grid-template-columns: 1fr 1fr 1fr; } .dc-col-right { order: 3; } .dc-col-left { order: 2; } .dc-col-center { order: 1; } .dc-gallery { grid-auto-rows: 160px; } } @media (max-width: 768px) { .stats-container { flex-direction: column; align-items: center; gap: var(--space-lg); } .bs-hero-image { display: none; } .section-header .title { font-size: 32px; } .features-grid-layout { grid-template-columns: 1fr; } .dc-gallery { grid-template-areas: "one two" "three four"; grid-auto-rows: 140px; } .bs-hero-actions { flex-direction: column; align-items: stretch; } } @media (max-width: 640px) { .vds-tab { min-width: 0; padding: .65rem .9rem; font-size: .9rem; } } @media (max-width: 576px) { .bs-hero-heading-group h2 { font-size: 32px; } .hero-brand-title { font-size: 12px; padding: 8px 12px; } .dc-col-left, .dc-col-right { grid-template-columns: 1fr; } .dc-gallery { grid-template-columns: 1fr; grid-template-areas: "one" "two" "three" "four"; grid-auto-rows: 180px; } } @media (max-width: 480px) { .feature-card { flex-direction: column; align-items: center; text-align: center; } } :root[data-theme="dark"] .combined-bg-section::before, :root[data-theme="dark"] .vds-section, :root[data-theme="dark"] .bs-feature-list { background-color: var(--color-bg); } :root[data-theme="dark"] .premium-features-section, :root[data-theme="dark"] .carousel-section, :root[data-theme="dark"] .datacasa-section, :root[data-theme="dark"] .home-blog-section { background-color: var(--color-bg); } :root[data-theme="dark"] .feature-card, :root[data-theme="dark"] .dc-card, :root[data-theme="dark"] .bs-iso-card { background-color: var(--color-surface); border-color: var(--color-border); } :root[data-theme="dark"] .section-header .title, :root[data-theme="dark"] .why-us-content h2, :root[data-theme="dark"] .feature-title, :root[data-theme="dark"] .feature-card-title, :root[data-theme="dark"] .dc-card h3, :root[data-theme="dark"] .bs-iso-title, :root[data-theme="dark"] .bs-iso-btn, :root[data-theme="dark"] .bs-strong { color: var(--color-text-header) !important; } :root[data-theme="dark"] .section-header .section-description, :root[data-theme="dark"] .why-us-content .lead, :root[data-theme="dark"] .feature-card-description, :root[data-theme="dark"] .bs-iso-inner-text { color: var(--color-text-body) !important; } :root[data-theme="dark"] .vds-rail { background: var(--color-surface); border-color: var(--color-border); } :root[data-theme="dark"] .vds-rail .selector, :root[data-theme="dark"] .vds-rail .tail { background: var(--color-brand-light); box-shadow: inset 0 0 0 1px rgba(62, 206, 112, .1), 0 6px 14px rgba(0, 0, 0, .2); } :root[data-theme="dark"] .feature-card-icon { background-color: var(--color-brand-light); } :root[data-theme="dark"] .vds-tab { color: var(--color-text-body); } :root[data-theme="dark"] .vds-tab.active { color: var(--color-brand); } :root[data-theme="dark"] .vds-rail .selector::after, :root[data-theme="dark"] .vds-rail .tail::after { background: none; } .bs-hero-section{display:none!important} .bs-home-blog { --brand: var(--color-brand, #41aa00); --brand-dark: var(--color-brand-hover, #368f00); --ink: var(--color-text-header, #1D2939); --muted: var(--color-text-muted, #667085); --surface: var(--color-surface, #ffffff); --line: var(--color-border, #EAECF0); --bg: var(--color-bg, #F9FAFB); width:100%; max-width:100%; margin:0; padding:clamp(20px,3vw,40px) 0; box-sizing:border-box; overflow-x:hidden; } .bs-home-blog .bs-home-blog-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(16px,2vw,28px); width:100%; min-width:0; } @media (max-width:900px){ .bs-home-blog .bs-home-blog-grid{ grid-template-columns:1fr; } } .bs-home-blog .bs-home-item{ display:flex; flex-direction:column; min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.05); transition:box-shadow .3s ease; } .bs-home-blog .bs-home-item:hover{ box-shadow:0 12px 24px -4px rgba(0,0,0,0.1); } :root[data-theme="dark"] .bs-home-blog .bs-home-item{ box-shadow:0 4px 14px -2px rgba(0,0,0,0.45); } :root[data-theme="dark"] .bs-home-blog .bs-home-item:hover{ box-shadow:0 14px 28px -6px rgba(0,0,0,0.55); } .bs-home-blog .bs-home-img-link{ display:block; min-width:0; overflow:hidden; border-radius:16px 16px 0 0; line-height:0; } .bs-home-blog .bs-home-img-link img{ display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; vertical-align:middle; } .bs-home-blog .bs-home-body{ display:flex; flex-direction:column; padding:20px clamp(16px,2vw,24px); flex:1; min-width:0; } .bs-home-blog h3{ margin:0; font-size:clamp(17px,1.5vw,20px); color:var(--ink); font-weight:600; line-height:1.35; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .bs-home-blog .bs-home-title-link{ text-decoration:none; color:inherit; } .bs-home-blog .bs-home-title-link:hover h3{ color:var(--brand); } .bs-home-blog .bs-home-excerpt{ margin:12px 0 0; color:var(--muted); font-size:14px; line-height:1.6; flex:1; word-break:break-word; } .bs-home-blog .bs-home-meta{ display:flex; flex-wrap:wrap; gap:10px 16px; margin-bottom:10px; color:var(--muted); font-size:12px; font-weight:500; } .bs-home-blog .bs-home-chip{ display:inline-flex; align-items:center; gap:6px; } .bs-home-blog .bs-home-actions{ margin-top:18px; } .bs-home-blog .bs-home-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border-radius:8px; text-decoration:none; font-weight:600; font-size:14px; transition:background-color .2s,border-color .2s,color .2s; } .bs-home-blog .bs-home-btn.primary{ background:var(--brand); border:1px solid var(--brand); color:#fff; } .bs-home-blog .bs-home-btn.primary:hover{ background:var(--brand-dark); border-color:var(--brand-dark); color:#fff; } .bs-home-blog .bs-home-footer{ display:flex; justify-content:center; margin-top:clamp(24px,3vw,36px); padding-top:clamp(20px,2.5vw,28px); border-top:1px solid var(--line); } .bs-home-blog.bs-home-blog--error .bs-home-blog-msg{ text-align:center; color:#dc3545; margin:0; padding:16px; } .support-section { background-color: #f8f9fa; padding: 4rem 1rem; font-family: inherit; box-sizing: border-box; } .support-container { max-width: 1200px; margin: 2rem auto 0 auto; padding: 2.5rem; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; box-sizing: border-box; } .support-content-wrapper { display: flex; align-items: center; gap: 2rem; flex: 1; } .support-brand { flex-shrink: 0; } .support-brand img { width: 120px; height: auto; display: block; object-fit: contain; } .support-text { max-width: 600px; } .support-overline { display: inline-block; font-size: 0.875rem; font-weight: 700; color: var(--color-brand, #368f00); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem; } .support-heading { font-size: 2.25rem; font-weight: 800; color: #1a1d20; margin: 0 0 0.5rem 0; line-height: 1.2; letter-spacing: -0.5px; } .support-description { font-size: 1.05rem; color: #5c636a; line-height: 1.6; margin: 0; } .support-actions { display: flex; gap: 1rem; flex-shrink: 0; } .support-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 0.875rem 2rem; border-radius: 8px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: all 0.2s ease-out; box-sizing: border-box; border-width: 2px; border-style: solid; } .support-actions .btn i { font-size: 1.25rem; } .btn-primary { background-color: var(--color-brand, #368f00); color: #ffffff; border-color: var(--color-brand, #368f00); } .btn-primary:hover { background-color: var(--color-brand-hover, #115c38); border-color: var(--color-brand-hover, #115c38); color: #ffffff; } .btn-secondary { background-color: transparent; color: #1a1d20; border-color: #dee2e6; } .btn-secondary:hover { background-color: #e1e4e8; border-color: #d1d5da; color: #1a1d20; } @media (max-width: 1024px) { .support-section { padding: 2.5rem 1rem; } .support-container { flex-direction: column; align-items: center; text-align: center; padding: 2rem 1.25rem; } .support-content-wrapper { flex-direction: column; align-items: center; width: 100%; } .support-text { margin-left: auto; margin-right: auto; max-width: 36rem; } .support-actions { width: 100%; justify-content: center; flex-wrap: wrap; } } @media (max-width: 576px) { .support-section { padding: 2rem 0.875rem; } .support-container { padding: 1.5rem 1rem; } .support-heading { font-size: 1.75rem; } .support-description { font-size: 1rem; } .support-actions { flex-direction: column; align-items: stretch; } .support-actions .btn { width: 100%; } } :root[data-theme="dark"] .support-section { background-color: var(--color-bg); } :root[data-theme="dark"] .support-container { background-color: var(--color-surface); border-color: var(--color-border); } :root[data-theme="dark"] .support-heading { color: var(--color-text-header); } :root[data-theme="dark"] .support-description { color: var(--color-text-body); } :root[data-theme="dark"] .btn-secondary { color: var(--color-text-body); border-color: var(--color-border); } :root[data-theme="dark"] .btn-secondary:hover { background-color: var(--color-border); border-color: var(--color-border); color: var(--color-text-header); } :root[data-theme="dark"] .support-brand img { content: url("gallery/uploads/720892ff6c62b264dfcec89cbc32c541.webp"); } .bs-footer { background-color: #111913; color: #94a3b8; padding: 60px 0 24px; font-size: 14px; line-height: 1.6; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.05); } .bs-footer__container { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .bs-footer__top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 60px; align-items: start; } .bs-footer__logo img { max-width: 220px; height: auto; margin-bottom: 24px; display: block; } .bs-footer__desc { margin-bottom: 24px; color: #cbd5e1; font-size: 14px; line-height: 1.7; max-width: 95%; font-weight: 400; } .bs-footer__trust-badges { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; } .bs-trust-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: #fff !important; background: rgba(255, 255, 255, 0.03); padding: 8px 12px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.08); text-decoration: none !important; transition: all 0.2s ease; } .bs-trust-badge i { color: #63c522; font-size: 14px; } .bs-trust-badge:hover { border-color: #63c522; background: rgba(99, 197, 34, 0.05); } .bs-minimal-contact { display: flex; flex-direction: column; gap: 16px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.06); margin-top: 24px; } .bs-min-link { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #94a3b8; font-size: 14px; font-weight: 500; transition: all 0.2s ease; } .bs-min-link i { font-size: 16px; color: #64748b; width: 20px; text-align: center; transition: color 0.2s ease; } .bs-min-link:hover, .bs-min-link:hover i { color: #63c522; } .bs-footer__title { color: #fff; font-size: 14px; font-weight: 700; margin: 0 0 24px; letter-spacing: 0.03em; text-transform: uppercase; position: relative; padding-bottom: 12px; display: block; } .bs-footer__title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background: #63c522; } .bs-footer__list { list-style: none; padding: 0; margin: 0; } .bs-footer__list li { margin-bottom: 12px; } .bs-footer__list a { color: #9ca3af; text-decoration: none; transition: all 0.2s ease; display: block; font-weight: 500; font-size: 14px; } .bs-footer__list a:hover { color: #63c522 !important; transform: translateX(4px); } .bs-mt-group { margin-top: 40px; } .bs-footer__bottom { padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.06); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; } .bs-footer__left-area { display: flex; flex-direction: column; gap: 6px; } .bs-copyright { font-size: 13px; color: #64748b; } .bs-tax-note { font-size: 12px; color: #63c522; font-weight: 500; opacity: 0.9; } .bs-footer__right-area { display: flex; align-items: center; gap: 32px; } .bs-socials { display: flex; gap: 12px; } .bs-socials a { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); color: #94a3b8; border-radius: 8px; text-decoration: none; transition: all 0.2s ease; font-size: 16px; } .bs-socials a:hover { background: #63c522; border-color: #63c522; color: #111913 !important; } .bs-payments { display: flex; gap: 14px; padding-left: 32px; border-left: 1px solid rgba(255,255,255,0.08); align-items: center; } .bs-payments img { height: 24px; width: auto; opacity: 0.5; filter: grayscale(100%); transition: all 0.3s ease; } .bs-payments:hover img { opacity: 1; filter: grayscale(0%); } @media (max-width: 1024px) { .bs-footer__top { grid-template-columns: repeat(2, 1fr); gap: 56px 32px; } .bs-footer__desc { max-width: 100%; } .bs-footer__bottom { flex-direction: column; align-items: flex-start; gap: 32px; } .bs-footer__right-area { flex-direction: column; align-items: flex-start; gap: 24px; } .bs-payments { padding-left: 0; border-left: none; } } @media (max-width: 640px) { .bs-footer { padding: 48px 0 24px; } .bs-footer__container { padding: 0 20px; } .bs-footer__top { grid-template-columns: 1fr; gap: 48px; margin-bottom: 40px; } .bs-footer__bottom { flex-direction: column-reverse; align-items: flex-start; gap: 32px; } } .fp-scroll-top { position: fixed; right: clamp(14px, 3vw, 24px); bottom: clamp(18px, 4vw, 28px); z-index: 9998; width: 48px; height: 48px; padding: 0; border-radius: 50%; border: 1px solid var(--color-border); background: var(--color-surface); color: var(--color-brand); box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(14px); transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .fp-scroll-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .fp-scroll-top:hover { background: var(--color-brand); color: #fff; border-color: var(--color-brand); } .fp-scroll-top:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 3px; } @keyframes vxwa{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}