html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
position-anchor: none;
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
@font-face {
font-family: Space Mono;
src: url("https://webflow-files-prod.global.ssl.fastly.net/6aa2609e2957398e13877cc6/fonts/6aa26374146e7076df0b9949-SpaceMono-400.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Space Mono;
src: url("https://webflow-files-prod.global.ssl.fastly.net/6aa2609e2957398e13877cc6/fonts/6aa26374063d79a7f91e1108-SpaceMono-700.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
.kk-0 {
box-sizing: border-box;
color: #fff;
scroll-behavior: smooth;
background-color: #08030e;
margin: 0;
font-family: Space Mono, sans-serif;
}
.kk-1 {
z-index: 40;
box-sizing: border-box;
grid-column-gap: 25px;
grid-row-gap: 25px;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
background-color: #08030eb8;
border-bottom: 1px solid #fff3;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto auto;
align-items: center;
padding: 14px 4vw;
display: grid;
position: fixed;
inset: 0 0 auto;
}
.kk-2 {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kk-3 {
box-sizing: border-box;
border: 1px solid #0ff;
width: 43px;
height: 43px;
overflow: hidden;
}
.kk-4 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
image-rendering: pixelated;
display: block;
}
.kk-5 {
box-sizing: border-box;
}
.kk-6 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .12em;
margin-top: 3px;
font-size: 8px;
display: block;
}
.kk-7 {
box-sizing: border-box;
grid-column-gap: 22px;
grid-row-gap: 22px;
text-transform: uppercase;
justify-self: center;
font-size: 10px;
display: flex;
}
.kk-8 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-8:hover {
color: #0ff;
}
.kk-9 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-9:hover {
color: #0ff;
}
.kk-10 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-10:hover {
color: #0ff;
}
.kk-11 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-11:hover {
color: #0ff;
}
.kk-12 {
box-sizing: border-box;
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
display: flex;
}
.kk-13 {
box-sizing: border-box;
color: #dfff45;
cursor: pointer;
padding: 5px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kk-14 {
box-sizing: border-box;
}
.kk-15 {
box-sizing: border-box;
color: #888;
cursor: pointer;
padding: 5px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kk-16 {
box-sizing: border-box;
color: #1b082c;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
justify-content: center;
align-items: center;
padding: 15px 20px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: all .25s;
display: inline-flex;
}
.kk-16:hover {
background-color: #fff;
transform: translateY(-2px);
}
.kk-17 {
box-sizing: border-box;
}
.kk-18 {
box-sizing: border-box;
background-image: linear-gradient(135deg, #52119f, #a42cf4 52%, #36106a);
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
min-height: 100vh;
padding: 125px 6vw 90px;
display: grid;
position: relative;
overflow: hidden;
}
.kk-19 {
box-sizing: border-box;
background-image: linear-gradient(90deg, #ffffff0f 1px, #0000 1px);
background-size: 48px 48px;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 90%);
mask-image: linear-gradient(#000, #0000 90%);
}
.kk-20 {
z-index: 3;
box-sizing: border-box;
filter: drop-shadow(0 30px 70px #19003699);
aspect-ratio: 1;
background-image: radial-gradient(circle, #05060b 0 44%, #05070bd9 45% 61%, #0000 62%);
border-radius: 50%;
justify-self: end;
place-items: center;
width: min(45vw, 650px);
margin: 0;
display: grid;
position: relative;
}
.kk-21 {
box-sizing: border-box;
filter: contrast(1.2) saturate(1.25);
object-fit: cover;
width: 83%;
height: 83%;
image-rendering: pixelated;
border-radius: 50%;
display: block;
}
.kk-22 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .12em;
background-color: #05070b;
border: 1px solid #0ff;
padding: 8px 11px;
font-size: 8px;
position: absolute;
bottom: 5%;
}
.kk-23 {
z-index: 4;
box-sizing: border-box;
position: relative;
}
.kk-24 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10px;
}
.kk-25 {
box-sizing: border-box;
letter-spacing: -.09em;
text-transform: uppercase;
margin: 26px 0 40px;
font-size: clamp(68px, 9.5vw, 150px);
line-height: .78;
}
.kk-26 {
box-sizing: border-box;
display: block;
}
.kk-27 {
box-sizing: border-box;
color: #dfff45;
text-shadow: 6px 5px #ff2e888c;
font-style: normal;
display: block;
}
.kk-28 {
box-sizing: border-box;
max-width: 680px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: clamp(18px, 1.7vw, 25px);
line-height: 1.5;
}
.kk-29 {
box-sizing: border-box;
grid-column-gap: 27px;
grid-row-gap: 27px;
align-items: center;
margin-top: 38px;
display: flex;
}
.kk-30 {
box-sizing: border-box;
color: #1b082c;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
justify-content: center;
align-items: center;
padding: 15px 20px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: all .25s;
display: inline-flex;
}
.kk-30:hover {
background-color: #fff;
transform: translateY(-2px);
}
.kk-31 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 10px;
text-decoration: none;
display: flex;
}
.kk-32 {
box-sizing: border-box;
}
.kk-33 {
box-sizing: border-box;
border: 1px solid #fff;
border-radius: 50%;
place-items: center;
width: 44px;
height: 44px;
display: grid;
}
.kk-34 {
z-index: 5;
box-sizing: border-box;
letter-spacing: .12em;
justify-content: space-between;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kk-35, .kk-36, .kk-37, .kk-38 {
box-sizing: border-box;
}
.kk-39 {
box-sizing: border-box;
color: #1b082c;
text-align: center;
background-color: #f4edff;
padding: clamp(100px, 15vw, 220px) 7vw;
}
.kk-40 {
box-sizing: border-box;
color: #8f28ef;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10px;
}
.kk-41 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
text-wrap: balance;
max-width: 1320px;
margin: 22px auto 42px;
font-size: clamp(52px, 7.4vw, 110px);
line-height: .9;
}
.kk-42 {
box-sizing: border-box;
color: #5c4669;
max-width: 920px;
margin: auto;
font: clamp(19px, 2vw, 28px) / 1.55 Arial, sans-serif;
}
.kk-43 {
box-sizing: border-box;
color: #1b082c;
background-color: #f4edff;
padding: clamp(100px, 13vw, 190px) 6vw;
}
.kk-44 {
box-sizing: border-box;
text-align: center;
max-width: 1200px;
margin: 0 auto clamp(75px, 10vw, 145px);
}
.kk-45 {
box-sizing: border-box;
color: #8f28ef;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10px;
}
.kk-46 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
margin: 22px auto 42px;
font-size: clamp(52px, 7.4vw, 110px);
line-height: .9;
}
.kk-47 {
box-sizing: border-box;
grid-row-gap: clamp(50px, 8vw, 130px);
grid-column-gap: clamp(50px, 8vw, 130px);
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
max-width: 1400px;
margin: 0 auto clamp(120px, 16vw, 220px);
display: grid;
}
.kk-48 {
box-sizing: border-box;
background-color: #07020e;
background-image: repeating-linear-gradient(90deg, #0000 0 17px, #00ffff0f 18px);
place-items: center;
min-height: 620px;
display: grid;
position: relative;
overflow: hidden;
box-shadow: 28px 28px #dfff45;
}
.kk-49 {
box-sizing: border-box;
border: 2px solid #0ff;
border-radius: 48% 48% 44% 44%;
place-items: center;
width: 260px;
height: 330px;
animation: 2.4s ease-in-out infinite pulse;
display: grid;
position: relative;
box-shadow: 0 0 55px #00ffff40, inset 0 0 45px #ff5fa833;
}
.kk-50 {
box-sizing: border-box;
filter: drop-shadow(4px 0 #ff5fa8);
color: #dfff45;
font-size: 140px;
}
.kk-51 {
box-sizing: border-box;
background-image: repeating-linear-gradient(0deg, #0000 0 39px, #ff5fa821 40px);
animation: 3s linear infinite rain;
position: absolute;
inset: 0;
}
.kk-52 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .13em;
font-size: 10px;
line-height: 1.5;
position: absolute;
bottom: 27px;
left: 27px;
}
.kk-53, .kk-54 {
box-sizing: border-box;
}
.kk-55 {
box-sizing: border-box;
color: #8f28ef;
letter-spacing: .15em;
font-size: 10px;
}
.kk-56 {
box-sizing: border-box;
letter-spacing: -.07em;
text-transform: uppercase;
margin: 25px 0;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
}
.kk-57 {
box-sizing: border-box;
color: #5b4967;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.65;
}
.kk-58 {
box-sizing: border-box;
text-transform: uppercase;
color: inherit;
border-bottom: 2px solid #8f28ef;
margin-top: 28px;
padding-bottom: 9px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.kk-59 {
box-sizing: border-box;
grid-row-gap: clamp(50px, 8vw, 130px);
grid-column-gap: clamp(50px, 8vw, 130px);
direction: rtl;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
max-width: 1400px;
margin: 0 auto clamp(120px, 16vw, 220px);
display: grid;
}
.kk-60 {
box-sizing: border-box;
direction: ltr;
background-color: #121;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
min-height: 620px;
display: grid;
position: relative;
overflow: hidden;
box-shadow: -28px 28px #ff5fa8;
}
.kk-61, .kk-62 {
box-sizing: border-box;
filter: saturate(.8);
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.kk-63 {
box-sizing: border-box;
color: #1b082c;
letter-spacing: -.06em;
background-color: #dfff45;
padding: 22px;
font-size: clamp(28px, 4vw, 58px);
line-height: .85;
position: absolute;
inset: auto 24px 24px;
}
.kk-64 {
box-sizing: border-box;
}
.kk-65 {
box-sizing: border-box;
direction: ltr;
}
.kk-66 {
box-sizing: border-box;
color: #8f28ef;
letter-spacing: .15em;
font-size: 10px;
}
.kk-67 {
box-sizing: border-box;
letter-spacing: -.07em;
text-transform: uppercase;
margin: 25px 0;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
}
.kk-68 {
box-sizing: border-box;
color: #5b4967;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.65;
}
.kk-69 {
box-sizing: border-box;
text-transform: uppercase;
color: inherit;
border-bottom: 2px solid #8f28ef;
margin-top: 28px;
padding-bottom: 9px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.kk-70 {
box-sizing: border-box;
grid-row-gap: clamp(50px, 8vw, 130px);
grid-column-gap: clamp(50px, 8vw, 130px);
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
max-width: 1400px;
margin: 0 auto clamp(120px, 16vw, 220px);
display: grid;
}
.kk-71 {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
min-height: 620px;
padding: 1px;
display: grid;
position: relative;
overflow: hidden;
box-shadow: 28px 28px #dfff45;
}
.kk-72 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.05em;
background-color: #1b082c;
place-items: center;
font-size: clamp(27px, 3vw, 48px);
font-weight: 700;
display: grid;
}
.kk-73, .kk-74 {
box-sizing: border-box;
color: #1b082c;
letter-spacing: -.05em;
background-color: #dfff45;
place-items: center;
font-size: clamp(27px, 3vw, 48px);
font-weight: 700;
display: grid;
}
.kk-75 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.05em;
background-color: #1b082c;
place-items: center;
font-size: clamp(27px, 3vw, 48px);
font-weight: 700;
display: grid;
}
.kk-76 {
box-sizing: border-box;
color: #1b082c;
letter-spacing: .12em;
background-color: #fff;
padding: 14px;
font-size: 9px;
font-style: normal;
position: absolute;
bottom: 30px;
left: 30px;
}
.kk-77, .kk-78 {
box-sizing: border-box;
}
.kk-79 {
box-sizing: border-box;
color: #8f28ef;
letter-spacing: .15em;
font-size: 10px;
}
.kk-80 {
box-sizing: border-box;
letter-spacing: -.07em;
text-transform: uppercase;
margin: 25px 0;
font-size: clamp(48px, 6vw, 88px);
line-height: .9;
}
.kk-81 {
box-sizing: border-box;
color: #5b4967;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.65;
}
.kk-82 {
box-sizing: border-box;
text-transform: uppercase;
color: inherit;
border-bottom: 2px solid #8f28ef;
margin-top: 28px;
padding-bottom: 9px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.kk-83 {
box-sizing: border-box;
background-image: linear-gradient(145deg, #10051d, #411079 55%, #170628);
padding: clamp(110px, 14vw, 200px) 5vw;
}
.kk-84 {
box-sizing: border-box;
color: #fff;
text-align: center;
max-width: 1200px;
margin: 0 auto clamp(75px, 10vw, 145px);
}
.kk-85 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10px;
}
.kk-86 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
margin: 22px auto 42px;
font-size: clamp(52px, 7.4vw, 110px);
line-height: .9;
}
.kk-87 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 1450px;
margin: auto;
display: grid;
}
.kk-88 {
box-sizing: border-box;
background-color: #8f28ef;
border: 1px solid #fff3;
flex-direction: column;
min-height: 520px;
padding: 36px;
display: flex;
position: relative;
}
.kk-89 {
box-sizing: border-box;
opacity: .7;
font-size: 12px;
}
.kk-90 {
box-sizing: border-box;
letter-spacing: .14em;
margin-top: auto;
font-size: 10px;
}
.kk-91 {
box-sizing: border-box;
letter-spacing: -.065em;
text-transform: uppercase;
margin: 18px 0;
font-size: clamp(36px, 4.4vw, 68px);
line-height: .9;
}
.kk-92 {
box-sizing: border-box;
opacity: .78;
max-width: 720px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 18px;
line-height: 1.55;
}
.kk-93 {
box-sizing: border-box;
text-transform: uppercase;
color: inherit;
margin-top: 30px;
font-size: 10px;
text-decoration: none;
}
.kk-94 {
box-sizing: border-box;
color: #1b082c;
background-color: #dfff45;
border: 1px solid #fff3;
flex-direction: column;
min-height: 520px;
padding: 36px;
display: flex;
position: relative;
}
.kk-95 {
box-sizing: border-box;
opacity: .7;
font-size: 12px;
}
.kk-96 {
box-sizing: border-box;
letter-spacing: .14em;
margin-top: auto;
font-size: 10px;
}
.kk-97 {
box-sizing: border-box;
letter-spacing: -.065em;
text-transform: uppercase;
margin: 18px 0;
font-size: clamp(36px, 4.4vw, 68px);
line-height: .9;
}
.kk-98 {
box-sizing: border-box;
opacity: .78;
max-width: 720px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 18px;
line-height: 1.55;
}
.kk-99 {
box-sizing: border-box;
text-transform: uppercase;
margin-top: 30px;
font-size: 10px;
}
.kk-100 {
box-sizing: border-box;
color: #1b082c;
background-color: #ff5fa8;
border: 1px solid #fff3;
flex-direction: column;
grid-column: 1 / -1;
min-height: 430px;
padding: 36px;
display: flex;
position: relative;
}
.kk-101 {
box-sizing: border-box;
opacity: .7;
font-size: 12px;
}
.kk-102 {
box-sizing: border-box;
letter-spacing: .14em;
margin-top: auto;
font-size: 10px;
}
.kk-103 {
box-sizing: border-box;
letter-spacing: -.065em;
text-transform: uppercase;
margin: 18px 0;
font-size: clamp(36px, 4.4vw, 68px);
line-height: .9;
}
.kk-104 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
padding: 0;
list-style: none;
display: flex;
}
.kk-105, .kk-106, .kk-107 {
box-sizing: border-box;
text-transform: uppercase;
border-style: solid;
border-width: 1px;
padding: 13px 16px;
font-size: 11px;
}
.kk-108 {
box-sizing: border-box;
background-color: #07030d;
padding-bottom: 140px;
}
.kk-109 {
box-sizing: border-box;
align-items: end;
min-height: 760px;
display: grid;
position: relative;
overflow: hidden;
}
.kk-110 {
box-sizing: border-box;
filter: saturate(.65) contrast(1.2);
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0;
}
.kk-111 {
z-index: 2;
box-sizing: border-box;
padding: 80px 6vw;
position: relative;
}
.kk-112 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10px;
}
.kk-113 {
box-sizing: border-box;
letter-spacing: -.09em;
text-shadow: 8px 5px #8f28ef;
margin: 25px 0;
font-size: clamp(85px, 14vw, 230px);
line-height: .75;
}
.kk-114 {
box-sizing: border-box;
max-width: 800px;
font-size: clamp(20px, 2.2vw, 34px);
}
.kk-115 {
box-sizing: border-box;
grid-column-gap: 7vw;
grid-row-gap: 7vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 100px 6vw;
display: grid;
}
.kk-116 {
box-sizing: border-box;
letter-spacing: -.065em;
text-transform: uppercase;
margin: 0;
font-size: clamp(45px, 5.5vw, 82px);
line-height: .92;
}
.kk-117 {
box-sizing: border-box;
color: #c9bed1;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.65;
}
.kk-118 {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #ffffff29;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 0 5vw;
display: grid;
}
.kk-119 {
box-sizing: border-box;
background-color: #0c0712;
min-height: 350px;
padding: 35px;
}
.kk-120 {
box-sizing: border-box;
color: #0ff;
}
.kk-121 {
box-sizing: border-box;
text-transform: uppercase;
margin-top: 75px;
font-size: 30px;
line-height: 1;
}
.kk-122 {
box-sizing: border-box;
color: #c5bbc9;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.kk-123 {
box-sizing: border-box;
background-color: #8f28ef;
min-height: 350px;
padding: 35px;
}
.kk-124 {
box-sizing: border-box;
color: #0ff;
}
.kk-125 {
box-sizing: border-box;
text-transform: uppercase;
margin-top: 75px;
font-size: 30px;
line-height: 1;
}
.kk-126 {
box-sizing: border-box;
color: #c5bbc9;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.kk-127 {
box-sizing: border-box;
background-color: #0c0712;
min-height: 350px;
padding: 35px;
}
.kk-128 {
box-sizing: border-box;
color: #0ff;
}
.kk-129 {
box-sizing: border-box;
text-transform: uppercase;
margin-top: 75px;
font-size: 30px;
line-height: 1;
}
.kk-130 {
box-sizing: border-box;
color: #c5bbc9;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.kk-131 {
box-sizing: border-box;
background-color: #0c0712;
min-height: 350px;
padding: 35px;
}
.kk-132 {
box-sizing: border-box;
color: #0ff;
}
.kk-133 {
box-sizing: border-box;
text-transform: uppercase;
margin-top: 75px;
font-size: 30px;
line-height: 1;
}
.kk-134 {
box-sizing: border-box;
color: #c5bbc9;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.kk-135 {
box-sizing: border-box;
background-color: #8f28ef;
min-height: 350px;
padding: 35px;
}
.kk-136 {
box-sizing: border-box;
color: #0ff;
}
.kk-137 {
box-sizing: border-box;
text-transform: uppercase;
margin-top: 75px;
font-size: 30px;
line-height: 1;
}
.kk-138 {
box-sizing: border-box;
color: #c5bbc9;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.kk-139 {
box-sizing: border-box;
background-color: #0c0712;
min-height: 350px;
padding: 35px;
}
.kk-140 {
box-sizing: border-box;
color: #0ff;
}
.kk-141 {
box-sizing: border-box;
text-transform: uppercase;
margin-top: 75px;
font-size: 30px;
line-height: 1;
}
.kk-142 {
box-sizing: border-box;
color: #c5bbc9;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.kk-143 {
box-sizing: border-box;
color: #1b082c;
background-color: #dfff45;
margin: 100px 6vw 0;
padding: 60px;
}
.kk-144 {
box-sizing: border-box;
text-transform: uppercase;
margin: 0 0 40px;
font-size: clamp(38px, 5vw, 70px);
}
.kk-145 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
padding: 0;
list-style-position: inside;
display: grid;
}
.kk-146, .kk-147, .kk-148, .kk-149 {
box-sizing: border-box;
text-transform: uppercase;
border-top: 1px solid #1b082c;
padding-top: 16px;
font-size: 12px;
line-height: 1.5;
}
.kk-150 {
box-sizing: border-box;
grid-column-gap: 8vw;
grid-row-gap: 8vw;
color: #1b082c;
background-color: #f4edff;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: center;
padding: clamp(100px, 13vw, 190px) 7vw;
display: grid;
}
.kk-151 {
box-sizing: border-box;
margin: 0;
position: relative;
}
.kk-152 {
box-sizing: border-box;
object-fit: cover;
object-position: center 15%;
width: 100%;
height: 720px;
display: block;
box-shadow: 25px 25px #ff5fa8;
}
.kk-153 {
box-sizing: border-box;
color: #0ff;
background-color: #08030e;
padding: 10px;
font-size: 9px;
position: absolute;
bottom: 20px;
left: 20px;
}
.kk-154 {
box-sizing: border-box;
}
.kk-155 {
box-sizing: border-box;
color: #8f28ef;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10px;
}
.kk-156 {
box-sizing: border-box;
letter-spacing: -.08em;
text-transform: uppercase;
margin: 28px 0;
font-size: clamp(60px, 8vw, 120px);
line-height: .82;
}
.kk-157 {
box-sizing: border-box;
color: #5d4969;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.65;
}
.kk-158 {
box-sizing: border-box;
border-left: 5px solid #8f28ef;
margin: 40px 0 0;
padding-left: 25px;
font-size: 24px;
line-height: 1.4;
}
.kk-159 {
box-sizing: border-box;
color: #1b082c;
background-color: #ff5fa8;
border-block: 1px solid #1b082c;
overflow: hidden;
}
.kk-160 {
box-sizing: border-box;
letter-spacing: -.06em;
text-transform: uppercase;
width: max-content;
padding: 20px 0;
font-size: clamp(42px, 6vw, 90px);
line-height: 1;
animation: 22s linear infinite marquee;
}
.kk-161 {
box-sizing: border-box;
text-align: center;
background-color: #07030d;
background-image: radial-gradient(circle, #8f28ef8f, #0000 40%);
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 820px;
padding: 120px 6vw;
display: flex;
position: relative;
overflow: hidden;
}
.kk-162 {
box-sizing: border-box;
opacity: .2;
object-fit: cover;
width: min(88vw, 900px);
height: min(88vw, 900px);
image-rendering: pixelated;
border-radius: 50%;
animation: 50s linear infinite spin;
display: block;
position: absolute;
}
.kk-163 {
z-index: 2;
box-sizing: border-box;
color: #0ff;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 10px;
position: relative;
}
.kk-164 {
z-index: 2;
box-sizing: border-box;
letter-spacing: -.085em;
text-transform: uppercase;
margin: 28px auto;
font-size: clamp(65px, 10vw, 150px);
line-height: .82;
position: relative;
}
.kk-165 {
z-index: 2;
box-sizing: border-box;
color: #cbbfd2;
max-width: 800px;
margin-bottom: 35px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 21px;
line-height: 1.55;
position: relative;
}
.kk-166 {
z-index: 2;
box-sizing: border-box;
color: #1b082c;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
justify-content: center;
align-items: center;
padding: 15px 20px;
font-size: 11px;
font-weight: 700;
text-decoration: none;
transition: all .25s;
display: inline-flex;
position: relative;
}
.kk-166:hover {
background-color: #fff;
transform: translateY(-2px);
}
.kk-167 {
box-sizing: border-box;
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #030105;
border-top: 1px solid #fff3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 60px 6vw;
display: grid;
}
.kk-168, .kk-169 {
box-sizing: border-box;
}
.kk-170 {
box-sizing: border-box;
color: #0ff;
}
.kk-171 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
font-size: 10px;
display: grid;
}
.kk-172 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-172:hover {
color: #dfff45;
}
.kk-173 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-173:hover {
color: #dfff45;
}
.kk-174 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-174:hover {
color: #dfff45;
}
.kk-175 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kk-175:hover {
color: #dfff45;
}
.kk-26-1 {
box-sizing: border-box;
font-weight: 700;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
margin: 0;
display: block;
}
.kk-27-1 {
box-sizing: border-box;
color: #dfff45;
text-shadow: 6px 5px #ff2e888c;
font-style: normal;
font-weight: 700;
display: block;
}
.kaku-photo-shade {
z-index: 1;
pointer-events: none;
background-image: linear-gradient(0deg, #07030d 5%, #07030d26 70%);
position: absolute;
inset: 0;
}
.kp1-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp1-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp1-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp1-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp1-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp1-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp1-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp1-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp1-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp1-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp1-15, .kp1-31, .kp1-32, .kp1-33, .kp1-39, .kp1-57, .kp1-79, .kp1-92, .kp1-105, .kp1-121 {
box-sizing: border-box;
}
.kp1-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp1-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp1-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp1-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp1-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp1-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp1-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp1-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp1-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp1-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp1-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp1-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp1-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp1-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp1-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp1-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp1-35 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
grid-template-rows: auto;
grid-template-columns: 1.25fr .75fr .75fr;
padding: 100px 4vw;
display: grid;
}
.kp1-36 {
box-sizing: border-box;
padding-right: 7vw;
}
.kp1-37 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp1-38 {
box-sizing: border-box;
letter-spacing: -.055em;
text-transform: uppercase;
margin: 0;
font-family: inherit;
font-size: clamp(38px, 5vw, 68px);
line-height: 1;
}
.kp1-40 {
box-sizing: border-box;
min-height: 400px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
flex-direction: column;
padding: 28px;
display: flex;
position: relative;
overflow: hidden;
}
.kp1-41, .kp1-49 {
box-sizing: border-box;
letter-spacing: .18em;
font-size: 10px;
}
.kp1-42, .kp1-50 {
box-sizing: border-box;
color: #fff;
text-shadow: 2px 0 #ff2e88;
margin: 70px 0 15px;
font-size: 47px;
}
.kp1-43, .kp1-51 {
box-sizing: border-box;
color: #b8bdc9;
font-size: 12px;
}
.kp1-44, .kp1-52 {
box-sizing: border-box;
color: #c5cad5;
line-height: 1.5;
}
.kp1-45, .kp1-53, .kp1-86 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
margin-top: 24px;
display: flex;
}
.kp1-46 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
margin: auto 0 0;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp1-46:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp1-54 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
margin: auto 0 0;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp1-54:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp1-47, .kp1-55, .kp1-88 {
box-sizing: border-box;
letter-spacing: .08em;
text-transform: uppercase;
color: inherit;
border-color: #0ff;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 5px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.kp1-48 {
box-sizing: border-box;
min-height: 400px;
box-shadow: none;
color: #f5f5f5;
background-image: linear-gradient(145deg, #ff2e881f, #00ffff0f);
border: 1px solid #ff2e8880;
flex-direction: column;
padding: 28px;
display: flex;
position: relative;
overflow: hidden;
}
.kp1-56 {
box-sizing: border-box;
grid-column-gap: 8vw;
grid-row-gap: 8vw;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
padding: 120px 6vw;
display: grid;
}
.kp1-58 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp1-59 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.055em;
text-transform: uppercase;
text-shadow: none;
margin: 0;
font-family: inherit;
font-size: clamp(38px, 5vw, 68px);
line-height: 1;
}
.kp1-60 {
box-sizing: border-box;
border-color: #ffffff29;
border-top-style: solid;
border-top-width: 1px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.kp1-61 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-transform: uppercase;
border-color: #ffffff29;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 24px 10px;
font-size: 27px;
transition: all .2s;
display: flex;
}
.kp1-61:hover {
color: #0ff;
background-color: #00ffff0d;
padding-left: 20px;
}
.kp1-63 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-transform: uppercase;
border-color: #ffffff29;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 24px 10px;
font-size: 27px;
transition: all .2s;
display: flex;
}
.kp1-63:hover {
color: #0ff;
background-color: #00ffff0d;
padding-left: 20px;
}
.kp1-65 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-transform: uppercase;
border-color: #ffffff29;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 24px 10px;
font-size: 27px;
transition: all .2s;
display: flex;
}
.kp1-65:hover {
color: #0ff;
background-color: #00ffff0d;
padding-left: 20px;
}
.kp1-67 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-transform: uppercase;
border-color: #ffffff29;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 24px 10px;
font-size: 27px;
transition: all .2s;
display: flex;
}
.kp1-67:hover {
color: #0ff;
background-color: #00ffff0d;
padding-left: 20px;
}
.kp1-69 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-transform: uppercase;
border-color: #ffffff29;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 24px 10px;
font-size: 27px;
transition: all .2s;
display: flex;
}
.kp1-69:hover {
color: #0ff;
background-color: #00ffff0d;
padding-left: 20px;
}
.kp1-71 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-transform: uppercase;
border-color: #ffffff29;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 24px 10px;
font-size: 27px;
transition: all .2s;
display: flex;
}
.kp1-71:hover {
color: #0ff;
background-color: #00ffff0d;
padding-left: 20px;
}
.kp1-62, .kp1-64, .kp1-66, .kp1-68, .kp1-70, .kp1-72 {
box-sizing: border-box;
color: #0ff;
font-family: monospace;
font-size: 10px;
}
.kp1-73 {
box-sizing: border-box;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 110px 8vw;
}
.kp1-74 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.075em;
text-transform: uppercase;
text-shadow: none;
margin: 0;
font-family: inherit;
font-size: clamp(48px, 6.5vw, 92px);
line-height: .88;
position: relative;
}
.kp1-75 {
box-sizing: border-box;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 60px;
display: grid;
}
.kp1-76 {
box-sizing: border-box;
color: #210736;
background-color: #fff;
border: 1px solid #210736;
padding: 55px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 12px 12px #ff5fa8;
}
.kp1-76:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp1-77, .kp1-90 {
box-sizing: border-box;
letter-spacing: .16em;
font-size: 10px;
}
.kp1-78, .kp1-91 {
box-sizing: border-box;
font-size: 35px;
}
.kp1-80, .kp1-81, .kp1-82, .kp1-83, .kp1-84, .kp1-85, .kp1-93, .kp1-94, .kp1-95, .kp1-96, .kp1-97, .kp1-98 {
box-sizing: border-box;
opacity: .8;
border-top-style: solid;
border-top-width: 1px;
padding: 14px 0;
}
.kp1-87 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #fff;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #210736;
border: 1px solid #210736;
border-radius: 0;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp1-87:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp1-89 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
padding: 55px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 12px 12px #dfff45;
}
.kp1-89:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp1-99 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp1-99:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp1-100 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp1-101, .kp1-107, .kp1-112, .kp1-117 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp1-102 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp1-103 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp1-104 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp1-106 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp1-108, .kp1-113, .kp1-118 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp1-109 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-109:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-110 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-110:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-111 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-111:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-114 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-114:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-115 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-115:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-116 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-116:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-119 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-119:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-120 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp1-120:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp1-122 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp1-122:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp1-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp1-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp1-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp1-5-before, .kp1-6-before, .kp1-7-before, .kp1-8-before, .kp1-9-before, .kp1-10-before, .kp1-11-before, .kp1-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp1-40-before, .kp1-48-before {
background-color: #0ff;
width: 44px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 20px 3px #ff2e88;
}
.kp1-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp1-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp1-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp1-31-before, .kp1-32-before, .kp1-33-before {
color: #0ff;
margin-right: 5px;
}
.kp1-31-after, .kp1-32-after, .kp1-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp1-76-before, .kp1-89-before {
background-color: #0ff;
width: 34px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 18px 0 #ff2e88;
}
.kp1-100-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp2-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp2-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp2-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp2-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp2-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp2-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp2-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp2-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp2-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp2-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp2-15, .kp2-27, .kp2-41, .kp2-67, .kp2-89, .kp2-159, .kp2-175 {
box-sizing: border-box;
}
.kp2-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp2-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp2-18 {
box-sizing: border-box;
grid-column-gap: 5vw;
grid-row-gap: 5vw;
color: #fff;
background-image: linear-gradient(135deg, #5312a7, #9b30ff 48%, #30136d);
border-bottom: 1px solid #0ff3;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
align-items: center;
min-height: calc(100vh - 76px);
padding: 130px 6vw 70px;
display: grid;
position: relative;
overflow: hidden;
}
.kp2-19 {
box-sizing: border-box;
opacity: .11;
filter: contrast(1.12) saturate(1.3);
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 43%;
overflow: hidden;
transform: scale(1.18);
-webkit-mask-image: linear-gradient(90deg, #0000, #000 30% 100%);
mask-image: linear-gradient(90deg, #0000, #000 30% 100%);
}
.kp2-20 {
box-sizing: border-box;
filter: saturate(1.25) contrast(1.1) brightness(.72);
transform-origin: 50%;
object-fit: cover;
width: 100%;
height: 100%;
image-rendering: pixelated;
}
.kp2-21 {
box-sizing: border-box;
background-image: linear-gradient(#0000 0 45%, #00ffff29 49%, #ff2e881f 51%, #0000 56%);
position: absolute;
inset: -20%;
}
.kp2-22 {
box-sizing: border-box;
opacity: .7;
filter: blur(.2px);
background-image: linear-gradient(90deg, #0000, #0ff, #fff, #0ff, #0000);
height: 3px;
position: absolute;
top: 31%;
left: 8%;
right: 4%;
}
.kp2-23 {
box-sizing: border-box;
opacity: .7;
filter: blur(.2px);
background-image: linear-gradient(90deg, #0000, #ff2e88, #fff, #ff2e88, #0000);
height: 3px;
position: absolute;
top: 67%;
left: 8%;
right: 4%;
}
.kp2-24 {
z-index: 4;
box-sizing: border-box;
max-width: 850px;
position: relative;
}
.kp2-25 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp2-26 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.085em;
text-transform: uppercase;
text-shadow: 3px 0 #ff2e886b, -2px 0 #00ffff57;
max-width: none;
margin: 25px 0 40px;
font-family: inherit;
font-size: clamp(74px, 9.4vw, 154px);
line-height: .78;
}
.kp2-28 {
box-sizing: border-box;
color: #dfff45;
text-shadow: 5px 5px #ff2e888c;
font-style: normal;
}
.kp2-29 {
box-sizing: border-box;
color: #ffffffe0;
max-width: 690px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: clamp(18px, 1.7vw, 26px);
line-height: 1.45;
}
.kp2-30 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
align-items: center;
margin-top: 38px;
display: flex;
}
.kp2-31 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp2-31:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp2-151 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp2-151:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp2-32, .kp2-71, .kp2-82, .kp2-93, .kp2-152 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
}
.kp2-33, .kp2-72, .kp2-83, .kp2-94, .kp2-153 {
box-sizing: border-box;
border-style: solid;
border-width: 1px;
border-radius: 50%;
place-items: center;
width: 46px;
height: 46px;
transition: all .25s;
display: grid;
}
.kp2-34 {
z-index: 3;
box-sizing: border-box;
filter: drop-shadow(0 28px 70px #0f003080);
aspect-ratio: 1;
background-image: radial-gradient(circle, #080b12 0 44%, #05070bcc 45% 60%, #0000 61%);
border-radius: 50%;
justify-self: end;
place-items: center;
width: min(44vw, 650px);
display: grid;
position: relative;
}
.kp2-35 {
z-index: 2;
box-sizing: border-box;
filter: contrast(1.25) saturate(1.25);
object-fit: cover;
object-position: center;
width: 82%;
height: 82%;
image-rendering: pixelated;
border-radius: 50%;
position: relative;
}
.kp2-36 {
z-index: 4;
box-sizing: border-box;
color: #0ff;
letter-spacing: .12em;
background-color: #05070b;
border: 1px solid #0ff;
width: max-content;
padding: 9px 12px;
font-size: 9px;
position: absolute;
bottom: 7%;
left: 50%;
transform: translate(-50%);
}
.kp2-37 {
z-index: 4;
box-sizing: border-box;
color: #ffffffb3;
letter-spacing: .16em;
writing-mode: vertical-rl;
font-size: 9px;
position: absolute;
bottom: 25px;
right: 3vw;
}
.kp2-38 {
box-sizing: border-box;
color: #18082c;
text-align: center;
background-color: #f5f0ff;
padding: clamp(100px, 15vw, 240px) 7vw;
}
.kp2-39, .kp2-60, .kp2-126 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp2-40 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
max-width: 1250px;
margin: 20px auto 46px;
font-size: clamp(52px, 7.4vw, 112px);
line-height: .93;
}
.kp2-42 {
box-sizing: border-box;
color: #8d26ed;
font-style: normal;
}
.kp2-43 {
box-sizing: border-box;
color: #513c62;
max-width: 850px;
margin: auto;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: clamp(19px, 2vw, 28px);
line-height: 1.55;
}
.kp2-44 {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #231138;
grid-template-rows: auto;
grid-template-columns: 1.05fr 1.2fr .8fr 1.2fr 1.05fr;
padding: 1px;
display: grid;
}
.kp2-45 {
box-sizing: border-box;
color: #241033;
background-color: #dfff45;
flex-direction: column;
justify-content: space-between;
min-height: 390px;
margin: 0;
padding: 40px;
display: flex;
}
.kp2-46, .kp2-51, .kp2-56 {
box-sizing: border-box;
letter-spacing: -.08em;
font-size: clamp(72px, 8vw, 135px);
line-height: .8;
}
.kp2-47, .kp2-52, .kp2-57 {
box-sizing: border-box;
letter-spacing: .12em;
font-size: 11px;
line-height: 1.5;
}
.kp2-48 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #dfff45;
border: 1px solid #210736;
min-height: 390px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp2-48:hover {
filter: saturate() contrast(1.12);
}
.kp2-53 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #dfff45;
border: 1px solid #210736;
min-height: 390px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp2-53:hover {
filter: saturate() contrast(1.12);
}
.kp2-49, .kp2-54 {
box-sizing: border-box;
filter: saturate(.8) contrast(1.1);
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
transition: all .5s;
display: block;
}
.kp2-50 {
box-sizing: border-box;
color: #fff;
background-color: #9b30ff;
flex-direction: column;
justify-content: space-between;
min-height: 390px;
margin: 0;
padding: 40px;
display: flex;
}
.kp2-55 {
box-sizing: border-box;
color: #190719;
background-color: #ff5fa8;
flex-direction: column;
justify-content: space-between;
min-height: 390px;
margin: 0;
padding: 40px;
display: flex;
}
.kp2-58 {
box-sizing: border-box;
color: #18082c;
background-color: #f5f0ff;
padding: clamp(100px, 12vw, 190px) 6vw;
}
.kp2-59, .kp2-125 {
box-sizing: border-box;
text-align: center;
max-width: 1150px;
margin: 0 auto clamp(80px, 10vw, 150px);
}
.kp2-61, .kp2-98, .kp2-127 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
margin: 20px 0;
font-size: clamp(50px, 7vw, 105px);
line-height: .9;
}
.kp2-62, .kp2-84 {
box-sizing: border-box;
grid-row-gap: clamp(45px, 8vw, 135px);
grid-column-gap: clamp(45px, 8vw, 135px);
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
align-items: center;
max-width: 1380px;
margin: 0 auto clamp(120px, 16vw, 230px);
display: grid;
}
.kp2-63, .kp2-85 {
box-sizing: border-box;
position: relative;
}
.kp2-64 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 620px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp2-64:hover {
filter: saturate() contrast(1.12);
}
.kp2-86 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 620px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp2-86:hover {
filter: saturate() contrast(1.12);
}
.kp2-65, .kp2-76, .kp2-87 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
transition: all .6s;
display: block;
}
.kp2-66, .kp2-88 {
box-sizing: border-box;
color: #fff;
background-color: #9b30ff;
border-radius: 50%;
place-items: center;
width: 92px;
height: 92px;
font-size: 24px;
display: grid;
position: absolute;
top: -28px;
left: -28px;
}
.kp2-68, .kp2-79, .kp2-90 {
box-sizing: border-box;
color: #8b25e9;
letter-spacing: .15em;
text-transform: uppercase;
font-size: 11px;
}
.kp2-69, .kp2-80, .kp2-91 {
box-sizing: border-box;
letter-spacing: -.07em;
text-transform: uppercase;
margin: 24px 0;
font-size: clamp(50px, 6vw, 90px);
line-height: .9;
}
.kp2-70, .kp2-81, .kp2-92 {
box-sizing: border-box;
color: #594867;
margin-bottom: 40px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.65;
}
.kp2-73 {
box-sizing: border-box;
grid-row-gap: clamp(45px, 8vw, 135px);
grid-column-gap: clamp(45px, 8vw, 135px);
direction: rtl;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
align-items: center;
max-width: 1380px;
margin: 0 auto clamp(120px, 16vw, 230px);
display: grid;
}
.kp2-74 {
box-sizing: border-box;
direction: ltr;
position: relative;
}
.kp2-75 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 620px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: -28px 28px #ff5fa8;
}
.kp2-75:hover {
filter: saturate() contrast(1.12);
}
.kp2-77 {
box-sizing: border-box;
color: #0ff;
background-color: #18082c;
border-radius: 50%;
place-items: center;
width: 92px;
height: 92px;
font-size: 24px;
display: grid;
position: absolute;
top: -28px;
left: auto;
right: -28px;
}
.kp2-78 {
box-sizing: border-box;
direction: ltr;
}
.kp2-95 {
box-sizing: border-box;
background-image: linear-gradient(145deg, #120623, #391071 55%, #17072e);
padding: clamp(110px, 13vw, 200px) 5vw;
overflow: hidden;
}
.kp2-96 {
box-sizing: border-box;
color: #fff;
text-align: center;
max-width: 1150px;
margin: 0 auto clamp(80px, 10vw, 150px);
}
.kp2-97 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp2-99 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(250px, 1fr));
max-width: 1500px;
margin: auto;
display: grid;
}
.kp2-100 {
box-sizing: border-box;
color: #fff;
background-color: #8627dc;
border: 1px solid #fff3;
flex-direction: column;
min-height: 570px;
padding: 30px;
text-decoration: none;
transition: all .35s;
display: flex;
position: relative;
overflow: hidden;
}
.kp2-100:hover {
transform: translateY(-14px);
}
.kp2-101, .kp2-107, .kp2-113, .kp2-119 {
box-sizing: border-box;
opacity: .7;
font-size: 13px;
}
.kp2-102, .kp2-108, .kp2-114, .kp2-120 {
box-sizing: border-box;
letter-spacing: .15em;
margin-top: auto;
font-size: 11px;
}
.kp2-103, .kp2-109, .kp2-115, .kp2-121 {
box-sizing: border-box;
text-transform: uppercase;
margin: 18px 0;
font-size: clamp(34px, 3vw, 52px);
line-height: .92;
}
.kp2-104, .kp2-110, .kp2-116, .kp2-122 {
box-sizing: border-box;
opacity: .75;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
line-height: 1.45;
}
.kp2-105, .kp2-111, .kp2-117, .kp2-123 {
box-sizing: border-box;
font-size: 23px;
position: absolute;
bottom: 28px;
right: 28px;
}
.kp2-106 {
box-sizing: border-box;
color: #170722;
background-color: #dfff45;
border: 1px solid #fff3;
flex-direction: column;
min-height: 570px;
padding: 30px;
text-decoration: none;
transition: all .35s;
display: flex;
position: relative;
overflow: hidden;
}
.kp2-106:hover {
transform: translateY(-14px);
}
.kp2-112 {
box-sizing: border-box;
color: #1d0718;
background-color: #ff5fa8;
border: 1px solid #fff3;
flex-direction: column;
min-height: 570px;
padding: 30px;
text-decoration: none;
transition: all .35s;
display: flex;
position: relative;
overflow: hidden;
}
.kp2-112:hover {
transform: translateY(-14px);
}
.kp2-118 {
box-sizing: border-box;
color: #fff;
background-color: #061016;
border: 1px solid #fff3;
flex-direction: column;
min-height: 570px;
padding: 30px;
text-decoration: none;
transition: all .35s;
display: flex;
position: relative;
overflow: hidden;
}
.kp2-118:hover {
transform: translateY(-14px);
}
.kp2-124 {
box-sizing: border-box;
color: #1d0a32;
background-color: #eee5ff;
padding: clamp(110px, 14vw, 220px) 5vw;
}
.kp2-128 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: 400px 400px;
grid-template-columns: 1.2fr .8fr 1fr;
max-width: 1450px;
margin: auto;
display: grid;
}
.kp2-129 {
box-sizing: border-box;
color: #fff;
background-color: #9b30ff;
flex-direction: column;
grid-row-start: span 2;
justify-content: space-between;
padding: 45px;
display: flex;
}
.kp2-130 {
box-sizing: border-box;
color: #dfff45;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 130px;
line-height: .5;
}
.kp2-131 {
box-sizing: border-box;
letter-spacing: -.05em;
text-transform: uppercase;
font-size: clamp(30px, 3vw, 50px);
line-height: 1.02;
}
.kp2-132 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 220px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp2-132:hover {
filter: saturate() contrast(1.12);
}
.kp2-134 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 220px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp2-134:hover {
filter: saturate() contrast(1.12);
}
.kp2-140 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 220px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp2-140:hover {
filter: saturate() contrast(1.12);
}
.kp2-133, .kp2-135, .kp2-141 {
box-sizing: border-box;
filter: saturate(.85);
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
transition: all .5s;
display: block;
}
.kp2-136 {
box-sizing: border-box;
color: #19072a;
background-color: #dfff45;
flex-direction: column;
justify-content: space-between;
padding: 45px;
display: flex;
}
.kp2-137 {
box-sizing: border-box;
letter-spacing: .15em;
font-size: 11px;
}
.kp2-138 {
box-sizing: border-box;
text-transform: uppercase;
font-size: 30px;
line-height: 1.05;
}
.kp2-139 {
box-sizing: border-box;
color: inherit;
font-weight: 700;
text-decoration: none;
}
.kp2-142 {
box-sizing: border-box;
color: #240a26;
background-color: #ff5fa8;
border-top: 1px solid #240a26;
border-bottom: 1px solid #240a26;
overflow: hidden;
}
.kp2-143 {
box-sizing: border-box;
letter-spacing: -.055em;
text-transform: uppercase;
width: max-content;
padding: 22px 0;
font-size: clamp(45px, 6vw, 92px);
line-height: 1;
}
.kp2-144 {
box-sizing: border-box;
color: #fff;
text-align: center;
background-color: #07030d;
background-image: radial-gradient(circle at 50% 45%, #9b30ff80, #0000 38%);
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 780px;
padding: 140px 6vw;
display: flex;
position: relative;
overflow: hidden;
}
.kp2-145 {
box-sizing: border-box;
opacity: .25;
border: 1px solid #00ffff21;
border-radius: 50%;
width: min(86vw, 900px);
height: min(86vw, 900px);
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
.kp2-146 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
image-rendering: pixelated;
border-radius: 50%;
}
.kp2-147 {
z-index: 2;
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp2-148 {
z-index: 2;
box-sizing: border-box;
letter-spacing: -.085em;
text-transform: uppercase;
max-width: 1200px;
margin: 25px auto 40px;
font-size: clamp(64px, 9vw, 145px);
line-height: .82;
position: relative;
}
.kp2-149 {
z-index: 2;
box-sizing: border-box;
color: #cfc4db;
max-width: 720px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 21px;
line-height: 1.55;
position: relative;
}
.kp2-150 {
z-index: 2;
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
align-items: center;
display: flex;
position: relative;
}
.kp2-154 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp2-155, .kp2-161, .kp2-166, .kp2-171 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp2-156 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp2-157 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp2-158 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp2-160 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp2-162, .kp2-167, .kp2-172 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp2-163 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-163:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-164 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-164:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-165 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-165:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-168 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-168:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-169 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-169:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-170 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-170:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-173 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-173:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-174 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp2-174:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp2-176 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp2-176:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp2-18-before {
z-index: 1;
opacity: .35;
pointer-events: none;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-image: linear-gradient(#ffffff0f 1px, #0000 0), linear-gradient(90deg, #ffffff0f 1px, #0000 0);
background-repeat: repeat, repeat;
background-size: 48px 48px;
background-attachment: scroll, scroll;
background-origin: padding-box, padding-box;
background-clip: border-box, border-box;
position: absolute;
inset: 0;
-webkit-mask-image: linear-gradient(#000c, #0000 82%);
mask-image: linear-gradient(#000c, #0000 82%);
}
.kp2-18-after {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp2-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp2-5-before, .kp2-6-before, .kp2-7-before, .kp2-8-before, .kp2-9-before, .kp2-10-before, .kp2-11-before, .kp2-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp2-34-after {
border: 1px dashed #ffffff57;
border-radius: 50%;
position: absolute;
inset: 0;
}
.kp2-34-before {
border: 1px solid #ffffff57;
border-radius: 50%;
position: absolute;
inset: 7%;
}
.kp2-100-before, .kp2-106-before, .kp2-112-before, .kp2-118-before {
opacity: .25;
border-style: solid;
border-width: 1px;
border-radius: 50%;
width: 230px;
height: 230px;
position: absolute;
top: 105px;
right: -75px;
box-shadow: 0 0 0 35px #0000, 0 0 0 36px;
}
.kp2-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp2-48-after, .kp2-53-after, .kp2-64-after, .kp2-75-after, .kp2-86-after, .kp2-132-after, .kp2-134-after, .kp2-140-after {
pointer-events: none;
color: #66f6ff;
letter-spacing: .08em;
background-color: #210736;
border: 1px solid #66f6ff;
padding: 5px 7px;
font-size: 7px;
position: absolute;
bottom: 8px;
right: 8px;
}
.kp2-154-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp3-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp3-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp3-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp3-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp3-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp3-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp3-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp3-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp3-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp3-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp3-15, .kp3-31, .kp3-32, .kp3-33, .kp3-41, .kp3-46, .kp3-74, .kp3-77, .kp3-93, .kp3-109 {
box-sizing: border-box;
}
.kp3-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp3-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp3-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp3-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp3-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp3-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp3-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp3-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp3-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp3-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp3-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp3-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp3-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp3-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp3-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp3-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp3-35 {
box-sizing: border-box;
grid-column-gap: 40px;
grid-row-gap: 40px;
color: #fff;
background-color: #070a0f;
border-bottom: 1px solid #ff2e88;
justify-content: space-between;
align-items: center;
padding: 30px 6vw;
display: flex;
}
.kp3-36 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.kp3-37 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .16em;
font-family: monospace;
font-size: 9px;
font-weight: 700;
}
.kp3-38 {
box-sizing: border-box;
max-width: 780px;
font-size: 18px;
line-height: 1.45;
}
.kp3-39 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp3-39:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp3-40 {
box-sizing: border-box;
grid-column-gap: 6vw;
grid-row-gap: 6vw;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 110px 6vw;
display: grid;
}
.kp3-42 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp3-43 {
box-sizing: border-box;
color: #210736;
text-shadow: none;
}
.kp3-44 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 430px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp3-44:hover {
filter: saturate() contrast(1.12);
}
.kp3-45 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
transition: transform .7s;
display: block;
}
.kp3-47, .kp3-50, .kp3-53, .kp3-56, .kp3-59, .kp3-62, .kp3-65, .kp3-68 {
box-sizing: border-box;
border-color: #ffffff29;
border-top-style: solid;
border-top-width: 1px;
grid-template-rows: auto;
grid-template-columns: 50px 1fr;
padding: 23px 0;
display: grid;
}
.kp3-48, .kp3-51, .kp3-54, .kp3-57, .kp3-60, .kp3-63, .kp3-66, .kp3-69 {
box-sizing: border-box;
color: #0ff;
font-family: monospace;
}
.kp3-49, .kp3-52, .kp3-55, .kp3-58, .kp3-61, .kp3-64, .kp3-67, .kp3-70 {
box-sizing: border-box;
margin: 0;
font-size: 21px;
}
.kp3-71 {
box-sizing: border-box;
grid-column-gap: 7vw;
grid-row-gap: 7vw;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
grid-template-rows: auto;
grid-template-columns: .8fr 1fr;
align-items: center;
padding: 110px 8vw;
display: grid;
}
.kp3-72 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #ffffff8c;
min-height: 430px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp3-72:hover {
filter: saturate() contrast(1.12);
}
.kp3-73 {
box-sizing: border-box;
object-fit: cover;
object-position: 50% 36%;
width: 100%;
height: 100%;
min-height: inherit;
transition: transform .7s;
display: block;
}
.kp3-75 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp3-76 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.055em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa87a, -2px 0 #66f6ff6b;
margin: 0;
font-family: inherit;
font-size: clamp(38px, 5vw, 68px);
line-height: 1;
position: relative;
}
.kp3-78 {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #ffffff29;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 35px;
display: grid;
}
.kp3-79, .kp3-81, .kp3-83, .kp3-85 {
box-sizing: border-box;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #070a0f;
padding: 18px 10px;
font-size: 10px;
}
.kp3-80, .kp3-82, .kp3-84, .kp3-86 {
box-sizing: border-box;
color: #0ff;
letter-spacing: -.03em;
margin-bottom: 5px;
font-size: 27px;
display: block;
}
.kp3-87 {
box-sizing: border-box;
color: #fff;
border-color: #dfff45;
border-left-style: solid;
border-left-width: 2px;
margin: 45px 0 0;
padding-left: 25px;
font-size: 26px;
line-height: 1.4;
box-shadow: -4px 0 #ff5fa8;
}
.kp3-88 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp3-89, .kp3-95, .kp3-100, .kp3-105 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp3-90 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp3-91 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp3-92 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp3-94 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp3-96, .kp3-101, .kp3-106 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp3-97 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-97:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-98 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-98:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-99 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-99:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-102 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-102:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-103 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-103:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-104 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-104:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-107 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-107:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-108 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp3-108:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp3-110 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp3-110:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp3-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp3-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp3-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp3-5-before, .kp3-6-before, .kp3-7-before, .kp3-8-before, .kp3-9-before, .kp3-10-before, .kp3-11-before, .kp3-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp3-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp3-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp3-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp3-31-before, .kp3-32-before, .kp3-33-before {
color: #0ff;
margin-right: 5px;
}
.kp3-31-after, .kp3-32-after, .kp3-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp3-44-after, .kp3-72-after {
pointer-events: none;
color: #66f6ff;
letter-spacing: .08em;
background-color: #210736;
border: 1px solid #66f6ff;
padding: 5px 7px;
font-size: 7px;
position: absolute;
bottom: 8px;
right: 8px;
}
.kp3-88-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp4-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp4-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp4-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp4-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp4-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp4-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp4-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp4-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp4-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp4-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp4-15, .kp4-31, .kp4-32, .kp4-33, .kp4-44, .kp4-54 {
box-sizing: border-box;
}
.kp4-64 {
box-sizing: border-box;
color: #f1eaff;
}
.kp4-71, .kp4-74, .kp4-92, .kp4-165, .kp4-188, .kp4-197, .kp4-213 {
box-sizing: border-box;
}
.kp4-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp4-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp4-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp4-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp4-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp4-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp4-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp4-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp4-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp4-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp4-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp4-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp4-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp4-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp4-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp4-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp4-35 {
box-sizing: border-box;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
padding: 105px 4vw 0;
}
.kp4-36, .kp4-189 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp4-37 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.075em;
text-transform: uppercase;
max-width: 1100px;
text-shadow: none;
margin: 0;
font-family: inherit;
font-size: clamp(48px, 6.5vw, 92px);
line-height: .88;
}
.kp4-38 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #210736;
background-color: #f1eaff;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
padding: 100px 4vw;
display: grid;
}
.kp4-39 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 540px;
padding: 30px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp4-39:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp4-40, .kp4-50 {
box-sizing: border-box;
font-family: monospace;
}
.kp4-60 {
box-sizing: border-box;
color: #f1eaff;
font-family: monospace;
}
.kp4-41, .kp4-51 {
box-sizing: border-box;
opacity: .78;
letter-spacing: .12em;
text-transform: uppercase;
color: inherit;
border: 1px solid #00ffff73;
border-radius: 0;
align-self: flex-start;
padding: 6px 9px;
font-size: 9px;
line-height: 1.5;
}
.kp4-61 {
box-sizing: border-box;
opacity: .78;
color: #43ddfa;
letter-spacing: .12em;
text-transform: uppercase;
border: 1px solid #00ffff73;
border-radius: 0;
align-self: flex-start;
padding: 6px 9px;
font-size: 9px;
line-height: 1.5;
}
.kp4-42, .kp4-52 {
box-sizing: border-box;
letter-spacing: -.045em;
text-transform: uppercase;
margin-top: 65px;
font-family: inherit;
font-size: 38px;
}
.kp4-62 {
box-sizing: border-box;
color: #f1eaff;
letter-spacing: -.045em;
text-transform: uppercase;
margin-top: 65px;
font-family: inherit;
font-size: 38px;
}
.kp4-43, .kp4-53 {
box-sizing: border-box;
opacity: .78;
color: inherit;
line-height: 1.5;
}
.kp4-63 {
box-sizing: border-box;
opacity: .78;
color: #f1eaff;
line-height: 1.5;
}
.kp4-45, .kp4-46, .kp4-47, .kp4-55, .kp4-56, .kp4-57 {
box-sizing: border-box;
padding: 10px 0;
}
.kp4-65, .kp4-66, .kp4-67 {
box-sizing: border-box;
color: #f1eaff;
padding: 10px 0;
}
.kp4-48, .kp4-58 {
box-sizing: border-box;
color: inherit;
margin-top: auto;
font-size: 12px;
text-decoration: none;
}
.kp4-68 {
box-sizing: border-box;
color: #dfff45;
margin-top: auto;
font-size: 12px;
text-decoration: none;
}
.kp4-49 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 540px;
padding: 30px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp4-49:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp4-59 {
box-sizing: border-box;
color: #f1eaff;
background-color: #080c12db;
border: 1px solid #210736;
flex-direction: column;
min-height: 540px;
padding: 30px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp4-59:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp4-69 {
box-sizing: border-box;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
padding: 110px 4vw;
}
.kp4-70 {
box-sizing: border-box;
grid-column-gap: 8vw;
grid-row-gap: 8vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: end;
margin-bottom: 65px;
display: grid;
}
.kp4-72 {
box-sizing: border-box;
color: #aab2c0;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 18px 0 25px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1.6;
}
.kp4-73 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.055em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa87a, -2px 0 #66f6ff6b;
margin: 0;
font-family: inherit;
font-size: clamp(58px, 7vw, 104px);
line-height: .9;
position: relative;
}
.kp4-75 {
box-sizing: border-box;
letter-spacing: -.02em;
font-size: 24px;
line-height: 1.35;
display: block;
}
.kp4-76 {
box-sizing: border-box;
color: #aab2c0;
margin: 18px 0 25px;
line-height: 1.6;
}
.kp4-77 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp4-77:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp4-114 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp4-114:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp4-78 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 52px 0 70px;
display: grid;
}
.kp4-79 {
box-sizing: border-box;
background-image: linear-gradient(145deg, #08030ddb, #340f50b8);
border: 1px solid #66f6ff80;
min-height: 390px;
padding: 38px;
position: relative;
box-shadow: 10px 10px #ff5fa82e;
}
.kp4-80 {
box-sizing: border-box;
letter-spacing: .13em;
color: var(--kaku-cyan);
font-size: 10px;
font-weight: 800;
}
.kp4-81, .kp4-86 {
box-sizing: border-box;
letter-spacing: -.055em;
text-transform: uppercase;
margin: 52px 0 18px;
font-size: clamp(34px, 4vw, 58px);
line-height: .92;
}
.kp4-82 {
box-sizing: border-box;
color: #d8cce3;
max-width: 620px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.65;
}
.kp4-83 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
text-align: center;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
position: absolute;
bottom: 34px;
left: 38px;
right: 38px;
box-shadow: 5px 5px #ff5fa8;
}
.kp4-83:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp4-84 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
min-height: 390px;
padding: 38px;
position: relative;
box-shadow: 10px 10px #ff5fa82e;
}
.kp4-85 {
box-sizing: border-box;
letter-spacing: .13em;
color: inherit;
font-size: 10px;
font-weight: 800;
}
.kp4-87 {
box-sizing: border-box;
max-width: 620px;
color: inherit;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.65;
}
.kp4-88 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #fff;
text-align: center;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #210736;
border: 1px solid #210736;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
position: absolute;
bottom: 34px;
left: 38px;
right: 38px;
box-shadow: 5px 5px #ff5fa8;
}
.kp4-88:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp4-89 {
box-sizing: border-box;
grid-column-gap: 3.2vw;
grid-row-gap: 3.2vw;
border-color: #ffffff29;
border-top-style: solid;
border-top-width: 1px;
grid-template-rows: auto;
grid-template-columns: minmax(250px, .72fr) minmax(310px, .9fr) minmax(360px, 1.1fr);
align-items: start;
padding: 70px 0;
display: grid;
}
.kp4-90 {
box-sizing: border-box;
background-color: #05070b;
border: 1px solid #ffffff29;
min-height: 620px;
position: relative;
overflow: hidden;
}
.kp4-91 {
box-sizing: border-box;
filter: saturate(.82) contrast(1.08);
object-fit: cover;
object-position: center;
width: 100%;
height: 620px;
display: block;
}
.kp4-93 {
z-index: 4;
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-image: linear-gradient(#0000, #05070bf5);
padding: 90px 22px 24px;
display: grid;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.kp4-94 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .1em;
font-family: monospace;
font-size: 9px;
font-weight: 700;
}
.kp4-95 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.04em;
font-size: clamp(22px, 2.2vw, 34px);
line-height: 1;
}
.kp4-96 {
box-sizing: border-box;
color: #aab2c0;
letter-spacing: .1em;
font-family: monospace;
font-size: 9px;
font-weight: 700;
}
.kp4-97, .kp4-100 {
box-sizing: border-box;
padding-top: 24px;
}
.kp4-98 {
box-sizing: border-box;
color: #b8c0cc;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 20px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
line-height: 1.75;
}
.kp4-99 {
box-sizing: border-box;
letter-spacing: -.055em;
text-transform: uppercase;
max-width: 780px;
margin: 18px 0 0;
font-family: inherit;
font-size: clamp(34px, 4.2vw, 62px);
line-height: 1.02;
}
.kp4-101, .kp4-102 {
box-sizing: border-box;
color: #b8c0cc;
margin: 0 0 20px;
line-height: 1.75;
}
.kp4-103 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.025em;
border-color: #dfff45;
border-left-style: solid;
border-left-width: 2px;
margin: 36px 0 0;
padding: 0 0 0 24px;
font-size: 23px;
line-height: 1.45;
box-shadow: -4px 0 #ff5fa8;
}
.kp4-104 {
box-sizing: border-box;
background-color: #08030d8f;
border: 1px solid #dfff458f;
grid-template-rows: auto;
grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
margin: 100px 0;
display: grid;
box-shadow: 14px 14px #ff5fa833;
}
.kp4-105 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
flex-direction: column;
justify-content: space-between;
min-height: 540px;
padding: 34px;
display: flex;
position: relative;
overflow: hidden;
}
.kp4-106 {
z-index: 1;
box-sizing: border-box;
letter-spacing: -.12em;
font-size: clamp(100px, 14vw, 220px);
font-weight: 800;
line-height: .8;
position: relative;
}
.kp4-107 {
z-index: 1;
box-sizing: border-box;
letter-spacing: .12em;
font-size: 9px;
line-height: 1.6;
position: relative;
}
.kp4-108 {
box-sizing: border-box;
padding: clamp(36px, 5vw, 80px);
}
.kp4-109 {
box-sizing: border-box;
color: #ddd1e8;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
max-width: 850px;
margin: 0 0 24px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 1.7;
}
.kp4-110 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.075em;
text-transform: uppercase;
margin: 0 0 30px;
font-size: clamp(48px, 6vw, 88px);
line-height: .88;
}
.kp4-111, .kp4-112 {
box-sizing: border-box;
color: #ddd1e8;
max-width: 850px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 17px;
line-height: 1.7;
}
.kp4-113 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
align-items: center;
margin-top: 36px;
display: flex;
}
.kp4-115 {
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .06em;
text-transform: uppercase;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 5px;
font-size: 11px;
text-decoration: none;
}
.kp4-116 {
box-sizing: border-box;
color: #9d8eaa;
letter-spacing: .04em;
border-top: 1px solid #ffffff2e;
margin-top: 34px;
padding-top: 18px;
font-size: 9px;
line-height: 1.6;
display: block;
}
.kp4-117 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
border-color: #ffffff29;
border-top-style: solid;
border-top-width: 1px;
border-left-style: solid;
border-left-width: 1px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
display: grid;
}
.kp4-118, .kp4-142 {
box-sizing: border-box;
min-height: 420px;
box-shadow: none;
color: #f5f5f5;
background-color: #08030da3;
border: 1px solid #66f6ff57;
padding: 35px;
position: relative;
overflow: hidden;
}
.kp4-119, .kp4-127, .kp4-135, .kp4-143 {
box-sizing: border-box;
color: #0ff;
font-family: monospace;
font-size: 11px;
font-weight: 700;
}
.kp4-120, .kp4-128, .kp4-136, .kp4-144 {
box-sizing: border-box;
letter-spacing: -.045em;
max-width: 440px;
margin: 75px 0 16px;
font-size: 38px;
}
.kp4-121, .kp4-145 {
box-sizing: border-box;
color: #aeb6c3;
max-width: 560px;
line-height: 1.6;
}
.kp4-122, .kp4-130, .kp4-138, .kp4-146 {
box-sizing: border-box;
margin: 35px 0 0;
padding: 0;
list-style: none;
}
.kp4-123, .kp4-124, .kp4-125, .kp4-131, .kp4-132, .kp4-133, .kp4-139, .kp4-140, .kp4-141, .kp4-147, .kp4-148, .kp4-149 {
box-sizing: border-box;
color: #d6dae1;
border-color: #ffffff29;
border-top-style: solid;
border-top-width: 1px;
padding: 11px 0;
font-size: 12px;
}
.kp4-126 {
box-sizing: border-box;
min-height: 420px;
box-shadow: none;
color: #210736;
background-color: #dfff45f5;
border: 1px solid #66f6ff57;
padding: 35px;
position: relative;
overflow: hidden;
}
.kp4-129, .kp4-137 {
box-sizing: border-box;
max-width: 560px;
color: inherit;
line-height: 1.6;
}
.kp4-134 {
box-sizing: border-box;
min-height: 420px;
box-shadow: none;
color: #210736;
background-color: #ff5fa8f5;
border: 1px solid #66f6ff57;
padding: 35px;
position: relative;
overflow: hidden;
}
.kp4-150 {
box-sizing: border-box;
border-color: #dfff4580;
border-top-style: solid;
border-top-width: 1px;
grid-template-rows: auto;
grid-template-columns: repeat(6, 1fr);
margin-top: 55px;
display: grid;
}
.kp4-151 {
box-sizing: border-box;
color: #8994a5;
letter-spacing: .16em;
grid-column: 1 / -1;
font-family: monospace;
font-size: 10px;
font-weight: 700;
}
.kp4-152, .kp4-154, .kp4-156, .kp4-158, .kp4-160, .kp4-162 {
box-sizing: border-box;
border-right: 1px solid #ffffff29;
padding: 20px 14px;
font-size: 12px;
line-height: 1.4;
}
.kp4-153, .kp4-155, .kp4-157, .kp4-159, .kp4-161, .kp4-163 {
box-sizing: border-box;
color: #dfff45;
margin-bottom: 30px;
font-family: monospace;
font-size: 10px;
display: block;
}
.kp4-164 {
box-sizing: border-box;
grid-column-gap: 5vw;
grid-row-gap: 5vw;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
grid-template-rows: auto;
grid-template-columns: .78fr 1.22fr;
align-items: center;
padding: 100px 4vw;
display: grid;
}
.kp4-166 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp4-167 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.055em;
text-shadow: 4px 0 #ff5fa87a, -2px 0 #66f6ff6b;
margin: 0;
font-size: clamp(42px, 5vw, 72px);
line-height: 1;
}
.kp4-168 {
box-sizing: border-box;
color: #b7bec9;
font-size: 17px;
line-height: 1.65;
}
.kp4-169 {
box-sizing: border-box;
border-top: 1px solid #ffffff29;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 42px;
display: grid;
}
.kp4-170, .kp4-172, .kp4-174, .kp4-176 {
box-sizing: border-box;
color: #9aa3ad;
letter-spacing: .1em;
text-transform: uppercase;
border-bottom: 1px solid #ffffff29;
padding: 18px 5px;
font-size: 9px;
}
.kp4-171, .kp4-173, .kp4-175, .kp4-177 {
box-sizing: border-box;
color: #0ff;
margin-bottom: 7px;
font-family: monospace;
font-size: 14px;
font-weight: 700;
display: block;
}
.kp4-178 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #ffffff8c;
min-height: 430px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp4-178:hover {
filter: saturate() contrast(1.12);
}
.kp4-179, .kp4-182, .kp4-184 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
transition: transform .7s;
display: block;
}
.kp4-180 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1.1fr .9fr;
padding: 0 4vw 100px;
display: grid;
}
.kp4-181 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 410px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp4-181:hover {
filter: saturate() contrast(1.12);
}
.kp4-183 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 410px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp4-183:hover {
filter: saturate() contrast(1.12);
}
.kp4-185 {
box-sizing: border-box;
grid-column-gap: 7vw;
grid-row-gap: 7vw;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: center;
padding: 110px 8vw;
display: grid;
}
.kp4-186 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 0;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp4-186:hover {
filter: saturate() contrast(1.12);
}
.kp4-187 {
box-sizing: border-box;
object-fit: contain;
object-position: center;
width: 100%;
height: auto;
min-height: 0;
transition: transform .7s;
display: block;
}
.kp4-190 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.075em;
text-transform: uppercase;
text-shadow: none;
margin: 0;
font-family: inherit;
font-size: clamp(24px, 3vw, 42px);
line-height: 1.15;
position: relative;
}
.kp4-191 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.025em;
max-width: 760px;
font-size: 18px;
line-height: 1.35;
}
.kp4-192 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp4-193, .kp4-199, .kp4-204, .kp4-209 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp4-194 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp4-195 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp4-196 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp4-198 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp4-200, .kp4-205, .kp4-210 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp4-201 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-201:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-202 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-202:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-203 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-203:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-206 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-206:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-207 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-207:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-208 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-208:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-211 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-211:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-212 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp4-212:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp4-214 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp4-214:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp4-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp4-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp4-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp4-5-before, .kp4-6-before, .kp4-7-before, .kp4-8-before, .kp4-9-before, .kp4-10-before, .kp4-11-before, .kp4-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp4-39-before, .kp4-49-before, .kp4-59-before {
width: 34px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 22px 0 #ffffff80;
}
.kp4-90-before {
z-index: 2;
pointer-events: none;
mix-blend-mode: multiply;
background-image: repeating-linear-gradient(#0000 0 4px, #00000024 5px);
position: absolute;
inset: 0;
}
.kp4-90-after {
z-index: 3;
color: #0ff;
letter-spacing: .1em;
background-color: #05070bd1;
border-left: 2px solid #0ff;
padding: 7px 9px;
font-family: monospace;
font-size: 9px;
font-weight: 700;
position: absolute;
top: 15px;
left: 15px;
}
.kp4-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp4-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp4-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp4-31-before, .kp4-32-before, .kp4-33-before {
color: #0ff;
margin-right: 5px;
}
.kp4-31-after, .kp4-32-after, .kp4-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp4-178-after, .kp4-181-after, .kp4-183-after, .kp4-186-after {
pointer-events: none;
color: #66f6ff;
letter-spacing: .08em;
background-color: #210736;
border: 1px solid #66f6ff;
padding: 5px 7px;
font-size: 7px;
position: absolute;
bottom: 8px;
right: 8px;
}
.kp4-192-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp4-105-after {
opacity: .23;
border-style: dashed;
border-width: 1px;
border-radius: 50%;
width: 290px;
height: 290px;
position: absolute;
top: 150px;
left: -55px;
}
.kp4-105-before {
opacity: .23;
border-style: solid;
border-width: 1px;
border-radius: 50%;
width: 430px;
height: 430px;
position: absolute;
top: 80px;
left: -125px;
}
.kp5-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp5-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp5-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp5-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp5-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp5-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp5-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp5-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp5-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp5-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp5-15, .kp5-31, .kp5-32, .kp5-33, .kp5-36, .kp5-59, .kp5-112, .kp5-121, .kp5-137 {
box-sizing: border-box;
}
.kp5-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp5-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp5-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp5-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp5-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp5-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp5-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp5-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp5-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp5-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp5-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp5-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp5-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp5-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp5-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp5-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp5-35 {
box-sizing: border-box;
grid-column-gap: 8vw;
grid-row-gap: 8vw;
color: #210736;
background-color: #dfff45;
grid-template-rows: auto;
grid-template-columns: 1.05fr .95fr;
padding: 110px 6vw;
display: grid;
}
.kp5-37, .kp5-60, .kp5-113 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp5-38, .kp5-92, .kp5-102 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
margin: 20px 0;
font-size: clamp(48px, 6.5vw, 96px);
line-height: .88;
}
.kp5-39 {
box-sizing: border-box;
padding-top: 55px;
}
.kp5-40, .kp5-41 {
box-sizing: border-box;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 19px;
line-height: 1.65;
}
.kp5-42 {
box-sizing: border-box;
color: #fff;
background-color: #210736;
padding: 70px 6vw;
}
.kp5-43, .kp5-91, .kp5-101 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp5-44 {
box-sizing: border-box;
border: 1px solid #66f6ff61;
grid-template-rows: auto;
grid-template-columns: repeat(6, 1fr);
margin-top: 36px;
display: grid;
}
.kp5-45, .kp5-47, .kp5-49, .kp5-51, .kp5-53 {
box-sizing: border-box;
text-transform: uppercase;
border-right: 1px solid #66f6ff61;
flex-direction: column;
justify-content: space-between;
min-height: 160px;
padding: 22px;
font-size: 18px;
display: flex;
}
.kp5-46, .kp5-48, .kp5-50, .kp5-52, .kp5-54, .kp5-56 {
box-sizing: border-box;
letter-spacing: .1em;
color: var(--kaku-cyan);
font-size: 10px;
}
.kp5-55 {
box-sizing: border-box;
text-transform: uppercase;
flex-direction: column;
justify-content: space-between;
min-height: 160px;
padding: 22px;
font-size: 18px;
display: flex;
}
.kp5-57 {
box-sizing: border-box;
color: #210736;
background-color: #f3eefb;
padding: 120px 6vw;
}
.kp5-58 {
box-sizing: border-box;
justify-content: space-between;
align-items: end;
margin-bottom: 54px;
display: flex;
}
.kp5-61 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
text-shadow: 2px 0 #ff2e883d, -1px 0 #0ff3;
margin: 20px 0;
font-family: inherit;
font-size: clamp(48px, 6.5vw, 92px);
line-height: .88;
position: relative;
}
.kp5-62 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 60px;
display: grid;
}
.kp5-63, .kp5-75 {
box-sizing: border-box;
background-color: #fff;
border: 1px solid #210736;
min-height: 360px;
padding: 32px;
box-shadow: 8px 8px #3c105a1f;
}
.kp5-64, .kp5-68, .kp5-72, .kp5-76, .kp5-80, .kp5-84 {
box-sizing: border-box;
font-size: 11px;
font-weight: 800;
}
.kp5-65, .kp5-69, .kp5-73, .kp5-77, .kp5-81, .kp5-85 {
box-sizing: border-box;
text-transform: uppercase;
margin: 80px 0 18px;
font-size: 34px;
line-height: .95;
}
.kp5-66, .kp5-70, .kp5-74, .kp5-78, .kp5-82, .kp5-86 {
box-sizing: border-box;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}
.kp5-67, .kp5-79 {
box-sizing: border-box;
background-color: #ff5fa8;
border: 1px solid #210736;
min-height: 360px;
padding: 32px;
box-shadow: 8px 8px #3c105a1f;
}
.kp5-71, .kp5-83 {
box-sizing: border-box;
background: var(--kaku-cyan);
border: 1px solid #210736;
min-height: 360px;
padding: 32px;
box-shadow: 8px 8px #3c105a1f;
}
.kp5-87 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
display: grid;
}
.kp5-88 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
min-height: 720px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp5-88:hover {
filter: saturate() contrast(1.12);
}
.kp5-89 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
transition: transform .7s;
display: block;
}
.kp5-90 {
box-sizing: border-box;
padding: 90px 7vw;
}
.kp5-93 {
box-sizing: border-box;
margin: 38px 0 0;
padding: 0;
list-style: none;
}
.kp5-94, .kp5-95, .kp5-96, .kp5-97, .kp5-98 {
box-sizing: border-box;
border-bottom: 1px solid #ffffff2e;
padding: 17px 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 17px;
}
.kp5-99 {
box-sizing: border-box;
grid-column-gap: 5vw;
grid-row-gap: 5vw;
color: #fff;
background-image: linear-gradient(135deg, #ff5fa8, #a933ff);
grid-template-rows: auto;
grid-template-columns: 1.3fr .7fr;
padding: 110px 6vw;
display: grid;
}
.kp5-100 {
box-sizing: border-box;
align-self: center;
}
.kp5-103 {
box-sizing: border-box;
max-width: 800px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 19px;
line-height: 1.6;
}
.kp5-104 {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
margin-top: 35px;
display: flex;
}
.kp5-105 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp5-105:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp5-106 {
box-sizing: border-box;
color: #fff;
letter-spacing: .08em;
text-transform: uppercase;
border-color: #0ff;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 5px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.kp5-107 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #fff;
min-height: 570px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp5-107:hover {
filter: saturate() contrast(1.12);
}
.kp5-108 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
object-position: center 23%;
transition: transform .7s;
display: block;
}
.kp5-111 {
box-sizing: border-box;
object-fit: contain;
object-position: center 23%;
width: 100%;
height: auto;
min-height: 0;
transition: transform .7s;
display: block;
}
.kp5-109 {
box-sizing: border-box;
grid-column-gap: 7vw;
grid-row-gap: 7vw;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: center;
padding: 110px 8vw;
display: grid;
}
.kp5-110 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #210736;
min-height: 0;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp5-110:hover {
filter: saturate() contrast(1.12);
}
.kp5-114 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.075em;
text-transform: uppercase;
text-shadow: none;
margin: 0;
font-family: inherit;
font-size: clamp(24px, 3vw, 42px);
line-height: .88;
position: relative;
}
.kp5-115 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.025em;
max-width: 760px;
font-size: clamp(22px, 2.4vw, 34px);
line-height: 1.35;
}
.kp5-116 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp5-117, .kp5-123, .kp5-128, .kp5-133 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp5-118 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp5-119 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp5-120 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp5-122 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp5-124, .kp5-129, .kp5-134 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp5-125 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-125:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-126 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-126:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-127 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-127:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-130 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-130:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-131 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-131:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-132 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-132:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-135 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-135:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-136 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp5-136:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp5-138 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp5-138:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp5-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp5-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp5-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp5-5-before, .kp5-6-before, .kp5-7-before, .kp5-8-before, .kp5-9-before, .kp5-10-before, .kp5-11-before, .kp5-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp5-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp5-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp5-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp5-31-before, .kp5-32-before, .kp5-33-before {
color: #0ff;
margin-right: 5px;
}
.kp5-31-after, .kp5-32-after, .kp5-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp5-88-after, .kp5-107-after, .kp5-110-after {
pointer-events: none;
color: #66f6ff;
letter-spacing: .08em;
background-color: #210736;
border: 1px solid #66f6ff;
padding: 5px 7px;
font-size: 7px;
position: absolute;
bottom: 8px;
right: 8px;
}
.kp5-116-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp6-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp6-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp6-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp6-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp6-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp6-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp6-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp6-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp6-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp6-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp6-15, .kp6-31, .kp6-32, .kp6-33, .kp6-38, .kp6-77, .kp6-93 {
box-sizing: border-box;
}
.kp6-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp6-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp6-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp6-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp6-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp6-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp6-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp6-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp6-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp6-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp6-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp6-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp6-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp6-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp6-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp6-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp6-35 {
box-sizing: border-box;
grid-column-gap: 5vw;
grid-row-gap: 5vw;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
grid-template-rows: auto;
grid-template-columns: 1.18fr .82fr;
align-items: center;
padding: 100px 4vw;
display: grid;
}
.kp6-36 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #ffffff8c;
min-height: 560px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp6-36:hover {
filter: saturate() contrast(1.12);
}
.kp6-37, .kp6-65, .kp6-67, .kp6-69, .kp6-71 {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 100%;
min-height: inherit;
transition: transform .7s;
display: block;
}
.kp6-39 {
box-sizing: border-box;
color: #b7bec9;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 17px;
font-weight: 700;
line-height: 1.65;
}
.kp6-40 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.055em;
text-shadow: 4px 0 #ff5fa87a, -2px 0 #66f6ff6b;
margin: 0;
font-size: clamp(42px, 5vw, 72px);
line-height: 1;
}
.kp6-41 {
box-sizing: border-box;
color: #b7bec9;
font-size: 17px;
line-height: 1.65;
}
.kp6-42 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #210736;
background-color: #f1eaff;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
padding: 100px 4vw;
display: grid;
}
.kp6-43 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp6-43:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp6-59 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp6-59:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp6-44, .kp6-48, .kp6-52, .kp6-56, .kp6-60 {
box-sizing: border-box;
color: #0ff;
font-family: monospace;
}
.kp6-45, .kp6-49, .kp6-53, .kp6-57, .kp6-61 {
box-sizing: border-box;
letter-spacing: -.04em;
text-transform: uppercase;
margin-top: 90px;
font-family: inherit;
font-size: 29px;
}
.kp6-46, .kp6-50, .kp6-54, .kp6-58, .kp6-62 {
box-sizing: border-box;
opacity: .78;
color: inherit;
}
.kp6-47 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp6-47:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp6-51 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp6-51:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp6-55 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp6-55:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp6-63 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
grid-template-rows: auto;
grid-template-columns: 1.3fr .7fr;
padding: 70px 4vw;
display: grid;
}
.kp6-64 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #ffffff8c;
min-height: 430px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp6-64:hover {
filter: saturate() contrast(1.12);
}
.kp6-66 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #ffffff8c;
min-height: 220px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp6-66:hover {
filter: saturate() contrast(1.12);
}
.kp6-68 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #ffffff8c;
min-height: 220px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp6-68:hover {
filter: saturate() contrast(1.12);
}
.kp6-70 {
box-sizing: border-box;
filter: saturate(.9) contrast(1.08);
background-color: #0a1029;
border: 1px solid #ffffff8c;
min-height: 220px;
margin: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 14px #dfff45;
}
.kp6-70:hover {
filter: saturate() contrast(1.12);
}
.kp6-72 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp6-73, .kp6-79, .kp6-84, .kp6-89 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp6-74 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp6-75 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp6-76 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp6-78 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp6-80, .kp6-85, .kp6-90 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp6-81 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-81:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-82 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-82:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-83 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-83:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-86 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-86:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-87 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-87:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-88 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-88:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-91 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-91:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-92 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp6-92:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp6-94 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp6-94:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp6-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp6-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp6-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp6-5-before, .kp6-6-before, .kp6-7-before, .kp6-8-before, .kp6-9-before, .kp6-10-before, .kp6-11-before, .kp6-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp6-43-before, .kp6-47-before, .kp6-51-before, .kp6-55-before, .kp6-59-before {
width: 34px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 22px 0 #ffffff80;
}
.kp6-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp6-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp6-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp6-31-before, .kp6-32-before, .kp6-33-before {
color: #0ff;
margin-right: 5px;
}
.kp6-31-after, .kp6-32-after, .kp6-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp6-36-after, .kp6-64-after, .kp6-66-after, .kp6-68-after, .kp6-70-after {
pointer-events: none;
color: #66f6ff;
letter-spacing: .08em;
background-color: #210736;
border: 1px solid #66f6ff;
padding: 5px 7px;
font-size: 7px;
position: absolute;
bottom: 8px;
right: 8px;
}
.kp6-72-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp0-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp0-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp0-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp0-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp0-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp0-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp0-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp0-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp0-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp0-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp0-15, .kp0-31, .kp0-32, .kp0-33, .kp0-332, .kp0-536, .kp0-552 {
box-sizing: border-box;
}
.kp0-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp0-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp0-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp0-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp0-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp0-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp0-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp0-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp0-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp0-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp0-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp0-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp0-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp0-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp0-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp0-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp0-35 {
box-sizing: border-box;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 100px 4vw;
}
.kp0-36 {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #0d121a;
border: 1px solid #ffffff29;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
padding: 18px 20px;
display: flex;
}
.kp0-37 {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
display: flex;
}
.kp0-38 {
box-sizing: border-box;
background-color: #707985;
border-radius: 50%;
width: 11px;
height: 11px;
box-shadow: 0 0 0 5px #7079851f;
}
.kp0-39 {
box-sizing: border-box;
grid-column-gap: 4px;
grid-row-gap: 4px;
margin: 0;
display: grid;
}
.kp0-40 {
box-sizing: border-box;
color: #f5f5f5;
font-size: .82rem;
}
.kp0-41 {
box-sizing: border-box;
color: #8f99a6;
line-height: 1.45;
}
.kp0-42, .kp0-530 {
box-sizing: border-box;
color: #0ff;
white-space: nowrap;
font-weight: 800;
text-decoration: none;
}
.kp0-43 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 32px;
display: flex;
}
.kp0-44 {
box-sizing: border-box;
color: #dfff45;
cursor: pointer;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
background-color: #210736;
border: 1px solid #210736;
border-radius: 0;
padding: 10px 16px;
}
.kp0-45, .kp0-46, .kp0-47, .kp0-48 {
box-sizing: border-box;
color: #210736;
cursor: pointer;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
border: 1px solid #210736;
border-radius: 0;
padding: 10px 16px;
}
.kp0-49 {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.kp0-50 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-50:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-82 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-82:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-114 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-114:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-146 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-146:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-178 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-178:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-210 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-210:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-242 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-242:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-274 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-274:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-306 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-306:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-51, .kp0-59, .kp0-67, .kp0-75, .kp0-83, .kp0-91, .kp0-99, .kp0-107, .kp0-115, .kp0-123, .kp0-131, .kp0-139, .kp0-147, .kp0-155, .kp0-163, .kp0-171, .kp0-179, .kp0-187, .kp0-195, .kp0-203, .kp0-211, .kp0-219, .kp0-227, .kp0-235, .kp0-243, .kp0-251, .kp0-259, .kp0-267, .kp0-275, .kp0-283, .kp0-291, .kp0-299, .kp0-307, .kp0-315, .kp0-323 {
box-sizing: border-box;
opacity: .85;
letter-spacing: .12em;
text-transform: uppercase;
color: inherit;
border: 1px solid;
border-radius: 0;
align-self: flex-start;
padding: 6px 9px;
font-size: 9px;
}
.kp0-52, .kp0-60, .kp0-68, .kp0-76, .kp0-84, .kp0-92, .kp0-100, .kp0-108, .kp0-116, .kp0-124, .kp0-132, .kp0-140, .kp0-148, .kp0-156, .kp0-164, .kp0-172, .kp0-180, .kp0-188, .kp0-196, .kp0-204, .kp0-212, .kp0-220, .kp0-228, .kp0-236, .kp0-244, .kp0-252, .kp0-260, .kp0-268, .kp0-276, .kp0-284, .kp0-292, .kp0-300, .kp0-308, .kp0-316, .kp0-324 {
box-sizing: border-box;
justify-content: space-between;
margin: 78px 0 24px;
display: flex;
}
.kp0-53, .kp0-61, .kp0-69, .kp0-77, .kp0-85, .kp0-93, .kp0-101, .kp0-109, .kp0-117, .kp0-125, .kp0-133, .kp0-141, .kp0-149, .kp0-157, .kp0-165, .kp0-173, .kp0-181, .kp0-189, .kp0-197, .kp0-205, .kp0-213, .kp0-221, .kp0-229, .kp0-237, .kp0-245, .kp0-253, .kp0-261, .kp0-269, .kp0-277, .kp0-285, .kp0-293, .kp0-301, .kp0-309, .kp0-317, .kp0-325 {
box-sizing: border-box;
text-transform: uppercase;
text-shadow: none;
color: inherit;
font-family: inherit;
font-size: 31px;
}
.kp0-54, .kp0-62, .kp0-70, .kp0-78, .kp0-86, .kp0-94, .kp0-102, .kp0-110, .kp0-118, .kp0-126, .kp0-134, .kp0-142, .kp0-150, .kp0-158, .kp0-166, .kp0-174, .kp0-182, .kp0-190, .kp0-198, .kp0-206, .kp0-214, .kp0-222, .kp0-230, .kp0-238, .kp0-246, .kp0-254, .kp0-262, .kp0-270, .kp0-278, .kp0-286, .kp0-294, .kp0-302, .kp0-310, .kp0-318, .kp0-326 {
box-sizing: border-box;
opacity: .78;
color: inherit;
font-size: 11px;
}
.kp0-55, .kp0-63, .kp0-71, .kp0-79, .kp0-87, .kp0-95, .kp0-103, .kp0-111, .kp0-119, .kp0-127, .kp0-135, .kp0-143, .kp0-151, .kp0-159, .kp0-167, .kp0-175, .kp0-183, .kp0-191, .kp0-199, .kp0-207, .kp0-215, .kp0-223, .kp0-231, .kp0-239, .kp0-247, .kp0-255, .kp0-263, .kp0-271, .kp0-279, .kp0-287, .kp0-295, .kp0-303, .kp0-311, .kp0-319, .kp0-327 {
box-sizing: border-box;
letter-spacing: -.035em;
text-transform: uppercase;
text-shadow: none;
color: inherit;
margin: 0;
font-family: inherit;
font-size: 27px;
}
.kp0-56, .kp0-64, .kp0-72, .kp0-80, .kp0-88, .kp0-96, .kp0-104, .kp0-112, .kp0-120, .kp0-128, .kp0-136, .kp0-144, .kp0-152, .kp0-160, .kp0-168, .kp0-176, .kp0-184, .kp0-192, .kp0-200, .kp0-208, .kp0-216, .kp0-224, .kp0-232, .kp0-240, .kp0-248, .kp0-256, .kp0-264, .kp0-272, .kp0-280, .kp0-288, .kp0-296, .kp0-304, .kp0-312, .kp0-320, .kp0-328 {
box-sizing: border-box;
opacity: .78;
color: inherit;
line-height: 1.5;
}
.kp0-57, .kp0-65, .kp0-73, .kp0-81, .kp0-89, .kp0-97, .kp0-105, .kp0-113, .kp0-121, .kp0-129, .kp0-137, .kp0-145, .kp0-153, .kp0-161, .kp0-169, .kp0-177, .kp0-185, .kp0-193, .kp0-201, .kp0-209, .kp0-217, .kp0-225, .kp0-233, .kp0-241, .kp0-249, .kp0-257, .kp0-265, .kp0-273, .kp0-281, .kp0-289, .kp0-297, .kp0-305, .kp0-313, .kp0-321, .kp0-329 {
box-sizing: border-box;
opacity: .78;
color: inherit;
margin-top: auto;
font-size: 12px;
text-decoration: none;
}
.kp0-58 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-58:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-90 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-90:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-122 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-122:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-154 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-154:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-186 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-186:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-218 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-218:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-250 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-250:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-282 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-282:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-314 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-314:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-66 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-66:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-98 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-98:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-130 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-130:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-162 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-162:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-194 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-194:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-226 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-226:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-258 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-258:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-290 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-290:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-322 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-322:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-74 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-74:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-106 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-106:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-138 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-138:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-170 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-170:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-202 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-202:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-234 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-234:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-266 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-266:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-298 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
flex-direction: column;
min-height: 380px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 10px 10px #2107361c;
}
.kp0-298:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp0-330 {
box-sizing: border-box;
border-color: #ffffff29;
border-top-style: solid;
border-top-width: 1px;
margin-top: 72px;
padding-top: 52px;
}
.kp0-331 {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 28px;
display: flex;
}
.kp0-333 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp0-334 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.055em;
text-transform: capitalize;
text-shadow: none;
margin: 8px 0 0;
font-size: clamp(2.25rem, 5vw, 4.75rem);
line-height: .95;
}
.kp0-335 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.kp0-336 {
box-sizing: border-box;
color: #0ff;
cursor: pointer;
width: 48px;
height: 48px;
font-size: 1.25rem;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
border: 1px solid #ffffff29;
border-radius: 0;
transition: all .2s;
}
.kp0-336:hover {
color: #05070b;
background-color: #0ff;
transform: translateY(-2px);
}
.kp0-337 {
box-sizing: border-box;
color: #0ff;
cursor: pointer;
width: 48px;
height: 48px;
font-size: 1.25rem;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
border: 1px solid #ffffff29;
border-radius: 0;
transition: all .2s;
}
.kp0-337:hover {
color: #05070b;
background-color: #0ff;
transform: translateY(-2px);
}
.kp0-338 {
box-sizing: border-box;
background-color: #fff;
border: 1px solid #21073638;
overflow-x: auto;
box-shadow: 12px 12px #721be321;
}
.kp0-339 {
box-sizing: border-box;
color: #fff;
background-color: #210736;
grid-template-rows: auto;
grid-template-columns: repeat(7, minmax(126px, 1fr));
min-width: 900px;
display: grid;
}
.kp0-340, .kp0-341, .kp0-342, .kp0-343, .kp0-344, .kp0-345, .kp0-346 {
box-sizing: border-box;
letter-spacing: .08em;
text-transform: uppercase;
border-right: 1px solid #ffffff1f;
padding: 13px 12px;
font-size: .68rem;
font-weight: 700;
}
.kp0-347 {
box-sizing: border-box;
grid-template-rows: auto;
grid-template-columns: repeat(7, minmax(126px, 1fr));
min-width: 900px;
display: grid;
}
.kp0-348, .kp0-351, .kp0-354, .kp0-357, .kp0-360, .kp0-363, .kp0-507, .kp0-510, .kp0-513, .kp0-516 {
box-sizing: border-box;
color: #907ba3;
background-color: #e8def5;
border-color: #21073626;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
min-height: 146px;
padding: 11px;
}
.kp0-349, .kp0-352, .kp0-355, .kp0-358, .kp0-361, .kp0-364, .kp0-367, .kp0-370, .kp0-376, .kp0-382, .kp0-388, .kp0-391, .kp0-394, .kp0-403, .kp0-409, .kp0-415, .kp0-418, .kp0-421, .kp0-427, .kp0-430, .kp0-433, .kp0-436, .kp0-445, .kp0-448, .kp0-454, .kp0-460, .kp0-463, .kp0-466, .kp0-472, .kp0-478, .kp0-481, .kp0-484, .kp0-490, .kp0-496, .kp0-499, .kp0-502, .kp0-505, .kp0-508, .kp0-511, .kp0-514, .kp0-517, .kp0-520 {
box-sizing: border-box;
margin-bottom: 12px;
font-size: .76rem;
font-weight: 800;
display: block;
}
.kp0-350, .kp0-353, .kp0-356, .kp0-359, .kp0-362, .kp0-365, .kp0-368, .kp0-371, .kp0-377, .kp0-383, .kp0-389, .kp0-392, .kp0-395, .kp0-404, .kp0-410, .kp0-416, .kp0-419, .kp0-422, .kp0-428, .kp0-431, .kp0-434, .kp0-437, .kp0-446, .kp0-449, .kp0-455, .kp0-461, .kp0-464, .kp0-467, .kp0-473, .kp0-479, .kp0-482, .kp0-485, .kp0-491, .kp0-497, .kp0-500, .kp0-503, .kp0-506, .kp0-509, .kp0-512, .kp0-515, .kp0-518, .kp0-521 {
box-sizing: border-box;
grid-column-gap: 6px;
grid-row-gap: 6px;
display: grid;
}
.kp0-366, .kp0-402, .kp0-432, .kp0-465, .kp0-498 {
box-sizing: border-box;
color: #210736;
background-color: #faf7ff;
border-color: #21073626;
border-bottom-style: solid;
border-bottom-width: 1px;
min-height: 146px;
padding: 11px;
}
.kp0-369, .kp0-375, .kp0-381, .kp0-387, .kp0-390, .kp0-393, .kp0-408, .kp0-414, .kp0-417, .kp0-420, .kp0-426, .kp0-429, .kp0-435, .kp0-444, .kp0-447, .kp0-453, .kp0-459, .kp0-462, .kp0-471, .kp0-477, .kp0-480, .kp0-483, .kp0-489, .kp0-495, .kp0-501, .kp0-504 {
box-sizing: border-box;
color: #210736;
background-color: #faf7ff;
border-color: #21073626;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
min-height: 146px;
padding: 11px;
}
.kp0-372 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-372:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-378 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-378:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-384 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-384:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-396 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-396:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-399 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-399:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-405 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-405:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-411 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-411:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-423 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-423:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-438 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-438:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-441 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-441:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-450 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-450:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-456 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-456:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-468 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-468:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-474 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-474:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-486 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-486:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-492 {
box-sizing: border-box;
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #210736;
border-left-style: solid;
border-left-width: 3px;
border-top-color: var(--category);
border-right-color: var(--category);
border-bottom-color: var(--category);
border-left-color: var(--category);
background-color: #fff;
padding: 9px 10px;
text-decoration: none;
transition: all .2s;
display: grid;
box-shadow: 3px 3px #2107361a;
}
.kp0-492:hover {
transform: translate(2px);
box-shadow: 0 5px 16px #0a0f181a;
}
.kp0-373, .kp0-379, .kp0-385, .kp0-397, .kp0-400, .kp0-406, .kp0-412, .kp0-424, .kp0-439, .kp0-442, .kp0-451, .kp0-457, .kp0-469, .kp0-475, .kp0-487, .kp0-493 {
box-sizing: border-box;
letter-spacing: .03em;
font-size: .57rem;
font-weight: 800;
}
.kp0-374, .kp0-380, .kp0-386, .kp0-398, .kp0-401, .kp0-407, .kp0-413, .kp0-425, .kp0-440, .kp0-443, .kp0-452, .kp0-458, .kp0-470, .kp0-476, .kp0-488, .kp0-494 {
box-sizing: border-box;
font-size: .7rem;
line-height: 1.25;
}
.kp0-519 {
box-sizing: border-box;
color: #907ba3;
background-color: #e8def5;
border-color: #21073626;
border-bottom-style: solid;
border-bottom-width: 1px;
min-height: 146px;
padding: 11px;
}
.kp0-522 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 18px;
display: flex;
}
.kp0-523, .kp0-524, .kp0-525, .kp0-526 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
font-size: .72rem;
font-weight: 750;
display: flex;
}
.kp0-527 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #0d121a;
border: 1px solid #ffffff29;
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
align-items: center;
margin-top: 18px;
padding: 20px 22px;
display: grid;
}
.kp0-528 {
box-sizing: border-box;
font-size: 2rem;
}
.kp0-529 {
box-sizing: border-box;
color: #bbc4cf;
margin: 0;
line-height: 1.55;
}
.kp0-531 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp0-532, .kp0-538, .kp0-543, .kp0-548 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp0-533 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp0-534 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp0-535 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp0-537 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp0-539, .kp0-544, .kp0-549 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp0-540 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-540:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-541 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-541:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-542 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-542:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-545 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-545:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-546 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-546:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-547 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-547:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-550 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-550:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-551 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp0-551:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp0-553 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp0-553:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp0-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp0-523-before, .kp0-524-before, .kp0-525-before, .kp0-526-before {
background: var(--category);
border-radius: 50%;
width: 9px;
height: 9px;
}
.kp0-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp0-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp0-5-before, .kp0-6-before, .kp0-7-before, .kp0-8-before, .kp0-9-before, .kp0-10-before, .kp0-11-before, .kp0-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp0-50-before, .kp0-58-before, .kp0-66-before, .kp0-74-before, .kp0-82-before, .kp0-90-before, .kp0-98-before, .kp0-106-before, .kp0-114-before, .kp0-122-before, .kp0-130-before, .kp0-138-before, .kp0-146-before, .kp0-154-before, .kp0-162-before, .kp0-170-before, .kp0-178-before, .kp0-186-before, .kp0-194-before, .kp0-202-before, .kp0-210-before, .kp0-218-before, .kp0-226-before, .kp0-234-before, .kp0-242-before, .kp0-250-before, .kp0-258-before, .kp0-266-before, .kp0-274-before, .kp0-282-before, .kp0-290-before, .kp0-298-before, .kp0-306-before, .kp0-314-before, .kp0-322-before {
background-color: #0ff;
width: 34px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 18px 0 #ff2e88;
}
.kp0-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp0-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp0-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp0-31-before, .kp0-32-before, .kp0-33-before {
color: #0ff;
margin-right: 5px;
}
.kp0-31-after, .kp0-32-after, .kp0-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp0-531-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp7-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp7-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp7-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp7-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp7-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp7-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp7-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp7-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp7-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp7-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp7-15, .kp7-31, .kp7-32, .kp7-33, .kp7-66, .kp7-95, .kp7-111 {
box-sizing: border-box;
}
.kp7-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp7-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp7-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp7-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp7-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp7-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp7-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp7-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp7-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp7-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp7-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp7-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp7-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp7-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp7-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp7-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp7-35 {
box-sizing: border-box;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
padding: 100px 4vw;
display: grid;
}
.kp7-36 {
box-sizing: border-box;
min-height: 220px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
}
.kp7-36:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-40 {
box-sizing: border-box;
min-height: 220px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
}
.kp7-40:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-44 {
box-sizing: border-box;
min-height: 220px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
}
.kp7-44:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-48 {
box-sizing: border-box;
min-height: 220px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
}
.kp7-48:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-52 {
box-sizing: border-box;
min-height: 220px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
}
.kp7-52:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-56 {
box-sizing: border-box;
min-height: 220px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
}
.kp7-56:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-60 {
box-sizing: border-box;
min-height: 220px;
box-shadow: none;
color: #f5f5f5;
background-color: #080c12db;
border: 1px solid #ffffff29;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
}
.kp7-60:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-37, .kp7-41, .kp7-45, .kp7-49, .kp7-53, .kp7-57, .kp7-61 {
box-sizing: border-box;
color: #82a4ff;
font-family: monospace;
}
.kp7-38, .kp7-42, .kp7-46, .kp7-50, .kp7-54, .kp7-58, .kp7-62 {
box-sizing: border-box;
margin-top: 55px;
font-size: 22px;
}
.kp7-39, .kp7-43, .kp7-47, .kp7-51, .kp7-55, .kp7-59, .kp7-63 {
box-sizing: border-box;
color: #9da4b2;
font-size: 13px;
line-height: 1.5;
}
.kp7-64 {
box-sizing: border-box;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 100px 4vw;
}
.kp7-65 {
box-sizing: border-box;
justify-content: space-between;
align-items: end;
margin-bottom: 54px;
display: flex;
}
.kp7-67 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp7-68 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.075em;
text-transform: uppercase;
text-shadow: none;
margin: 0;
font-family: inherit;
font-size: clamp(48px, 6.5vw, 92px);
line-height: .88;
position: relative;
}
.kp7-69 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
display: grid;
}
.kp7-70 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
min-height: 260px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp7-70:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-86 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
min-height: 260px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp7-86:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-71, .kp7-75, .kp7-79, .kp7-83, .kp7-87 {
box-sizing: border-box;
color: #536080;
letter-spacing: .15em;
text-transform: uppercase;
font-size: 10px;
}
.kp7-72, .kp7-76, .kp7-80, .kp7-84, .kp7-88 {
box-sizing: border-box;
margin-top: 80px;
}
.kp7-73, .kp7-77, .kp7-81, .kp7-85, .kp7-89 {
box-sizing: border-box;
opacity: .78;
color: inherit;
}
.kp7-74 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
min-height: 260px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp7-74:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-78 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
min-height: 260px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp7-78:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-82 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
min-height: 260px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp7-82:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp7-90 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp7-91, .kp7-97, .kp7-102, .kp7-107 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp7-92 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp7-93 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp7-94 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp7-96 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp7-98, .kp7-103, .kp7-108 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp7-99 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-99:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-100 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-100:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-101 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-101:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-104 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-104:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-105 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-105:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-106 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-106:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-109 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-109:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-110 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp7-110:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp7-112 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp7-112:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp7-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp7-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp7-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp7-5-before, .kp7-6-before, .kp7-7-before, .kp7-8-before, .kp7-9-before, .kp7-10-before, .kp7-11-before, .kp7-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp7-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp7-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp7-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp7-31-before, .kp7-32-before, .kp7-33-before {
color: #0ff;
margin-right: 5px;
}
.kp7-31-after, .kp7-32-after, .kp7-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp7-70-before, .kp7-74-before, .kp7-78-before, .kp7-82-before, .kp7-86-before {
width: 34px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 22px 0 #ffffff80;
}
.kp7-36-before, .kp7-40-before, .kp7-44-before, .kp7-48-before, .kp7-52-before, .kp7-56-before, .kp7-60-before {
background-color: #0ff;
width: 34px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 18px 0 #ff2e88;
}
.kp7-90-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp8-18 {
box-sizing: border-box;
color: #fff;
grid-row-gap: clamp(36px, 6vw, 96px);
grid-column-gap: clamp(36px, 6vw, 96px);
background-image: linear-gradient(145deg, #210736, #4b0d82 68%, #721be3);
border-bottom: 1px solid #66f6ff59;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
place-items: center;
min-height: clamp(560px, 78vw, 900px);
padding: clamp(72px, 9vw, 140px) 6vw;
display: grid;
position: relative;
overflow: hidden;
}
.kp8-19 {
z-index: 0;
box-sizing: border-box;
filter: saturate(.92) contrast(1.14);
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.kp8-21 {
z-index: 2;
box-sizing: border-box;
text-align: left;
width: min(820px, 86vw);
margin: 0;
position: relative;
}
.kp8-22 {
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 2px 2px #160522;
margin: 0 0 20px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp8-23 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.085em;
text-transform: uppercase;
text-shadow: 6px 6px #721be3c7, -2px 0 #66f6ff;
max-width: 9ch;
margin: 0;
font-size: clamp(64px, 9.2vw, 150px);
font-weight: 800;
line-height: .78;
}
.kp8-24 {
box-sizing: border-box;
color: #fff;
max-width: 560px;
margin: 28px 0 34px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: clamp(22px, 2.3vw, 34px);
font-weight: 700;
line-height: 1.2;
}
.kp8-25 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp8-25:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp8-99 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp8-99:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp8-26 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 82vh;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp8-35 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 10ch;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp8-43 {
box-sizing: border-box;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 140px 12vw;
}
.kp8-47 {
box-sizing: border-box;
color: #9aa3ad;
max-width: 620px;
margin: 40px 0 0 auto;
font-size: 20px;
line-height: 1.6;
}
.kp8-48 {
box-sizing: border-box;
grid-column-gap: 7vw;
grid-row-gap: 7vw;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: center;
padding: 110px 6vw;
scroll-margin-top: 80px;
display: grid;
}
.kp8-75 {
box-sizing: border-box;
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #210736;
background-color: #f1eaff;
border-color: #2107362e;
border-bottom-style: solid;
border-bottom-width: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 100px 4vw;
display: grid;
}
.kp8-76 {
box-sizing: border-box;
min-height: 420px;
box-shadow: none;
color: #170526;
background-color: #66f6ff;
border: 1px solid #ffffff29;
padding: 40px;
position: relative;
overflow: hidden;
}
.kp8-80 {
box-sizing: border-box;
min-height: 420px;
box-shadow: none;
color: #170526;
background-color: #ff5fa8;
border: 1px solid #ffffff29;
padding: 40px;
position: relative;
overflow: hidden;
}
.kp8-77, .kp8-81 {
box-sizing: border-box;
color: #536080;
letter-spacing: .18em;
margin-bottom: 22px;
font-size: 10px;
font-weight: 800;
display: block;
}
.kp8-78, .kp8-82 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.075em;
text-transform: uppercase;
text-shadow: none;
margin-top: 90px;
font-family: inherit;
font-size: clamp(48px, 6.5vw, 92px);
line-height: .88;
position: relative;
}
.kp8-94 {
box-sizing: border-box;
color: #fff;
text-align: center;
background-image: linear-gradient(135deg, #24033f, #6811a6 58%, #3a0870);
border-top: 12px solid #66f6ff;
padding: clamp(90px, 12vw, 180px) 7vw;
position: relative;
overflow: hidden;
}
.kp8-94-before {
color: #ffffff0f;
letter-spacing: -.06em;
white-space: nowrap;
font-size: clamp(34px, 6vw, 88px);
font-weight: 800;
position: absolute;
top: 24px;
left: -2vw;
}
.kp8-95 {
z-index: 1;
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp8-96 {
z-index: 1;
box-sizing: border-box;
letter-spacing: -.08em;
text-transform: uppercase;
max-width: 1050px;
margin: 18px auto 28px;
font-size: clamp(56px, 8vw, 124px);
line-height: .82;
position: relative;
}
.kp8-97 {
z-index: 1;
box-sizing: border-box;
color: #eadff2;
max-width: 720px;
margin: 0 auto 38px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: clamp(18px, 2vw, 25px);
line-height: 1.55;
position: relative;
}
.kp8-98 {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.kp8-18-before {
z-index: 1;
pointer-events: none;
background-image: radial-gradient(circle at 50% 48%, #0000 0 18%, #08030d6b 72%, #08030dc7 100%);
position: absolute;
inset: 0;
}
.kp8-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp8-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp8-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp8-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp8-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp8-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp8-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp8-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp8-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp8-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp8-15, .kp8-20, .kp8-38, .kp8-39, .kp8-40, .kp8-52, .kp8-86, .kp8-106, .kp8-122 {
box-sizing: border-box;
}
.kp8-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp8-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp8-27 {
z-index: 1;
box-sizing: border-box;
opacity: .5;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0;
overflow: hidden;
-webkit-mask-image: none;
mask-image: none;
}
.kp8-28 {
box-sizing: border-box;
opacity: .5;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: -8%;
transform: translateY(-50%);
}
.kp8-29 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp8-30 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp8-31 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp8-32 {
box-sizing: border-box;
white-space: nowrap;
}
.kp8-33 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp8-34 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp8-36 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp8-37 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp8-41 {
z-index: 5;
box-sizing: border-box;
color: #ffffffb8;
letter-spacing: .08em;
font-family: monospace;
font-size: 9px;
position: relative;
bottom: 68px;
right: 6vw;
}
.kp8-42 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp8-44 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp8-45 {
box-sizing: border-box;
color: #210736;
letter-spacing: -.055em;
text-transform: uppercase;
max-width: 1100px;
text-shadow: none;
margin: 0;
font-family: inherit;
font-size: clamp(42px, 6vw, 86px);
line-height: 1;
}
.kp8-46 {
box-sizing: border-box;
color: #ff2e88;
text-shadow: 2px 0 #0ff;
font-style: normal;
}
.kp8-49 {
box-sizing: border-box;
aspect-ratio: 1;
background-color: #05070b;
border: 1px solid #ffffff29;
min-height: 0;
position: relative;
overflow: hidden;
}
.kp8-50 {
box-sizing: border-box;
filter: saturate(1.15) contrast(1.15);
object-fit: contain;
width: 100%;
height: 100%;
image-rendering: pixelated;
padding: 18px;
position: absolute;
inset: 0;
}
.kp8-51 {
z-index: 2;
box-sizing: border-box;
color: #0ff;
letter-spacing: .18em;
font-family: monospace;
font-size: 10px;
font-weight: 700;
position: absolute;
bottom: 24px;
left: 25px;
}
.kp8-53 {
box-sizing: border-box;
color: #b7bec9;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 17px;
font-weight: 700;
line-height: 1.65;
}
.kp8-54 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.055em;
text-shadow: 4px 0 #ff5fa87a, -2px 0 #66f6ff6b;
margin: 0;
font-size: clamp(42px, 5vw, 72px);
line-height: 1;
}
.kp8-55, .kp8-56 {
box-sizing: border-box;
color: #b7bec9;
font-size: 17px;
line-height: 1.65;
}
.kp8-57 {
box-sizing: border-box;
color: #fff;
border-color: #dfff45;
border-left-style: solid;
border-left-width: 2px;
margin: 35px 0 0;
padding: 25px 0 25px 26px;
font-size: 22px;
line-height: 1.45;
box-shadow: -4px 0 #ff5fa8;
}
.kp8-58 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #210736;
background-color: #f1eaff;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
padding: 0 4vw 110px;
display: grid;
}
.kp8-59 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
min-height: 250px;
padding: 26px;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp8-60, .kp8-64, .kp8-68, .kp8-72 {
box-sizing: border-box;
color: #0ff;
font-family: monospace;
font-size: 10px;
}
.kp8-61, .kp8-65, .kp8-69, .kp8-73 {
box-sizing: border-box;
margin-top: 70px;
font-size: 27px;
}
.kp8-62, .kp8-66, .kp8-70, .kp8-74 {
box-sizing: border-box;
opacity: .78;
color: inherit;
line-height: 1.5;
}
.kp8-63 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
min-height: 250px;
padding: 26px;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp8-67 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
min-height: 250px;
padding: 26px;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp8-71 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
min-height: 250px;
padding: 26px;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp8-79, .kp8-83 {
box-sizing: border-box;
color: #9aa3ad;
}
.kp8-84 {
box-sizing: border-box;
color: #210736;
grid-row-gap: clamp(38px, 6vw, 92px);
grid-column-gap: clamp(38px, 6vw, 92px);
background-color: #dfff45;
border-bottom: 12px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
align-items: center;
padding: clamp(80px, 10vw, 150px) 6vw;
display: grid;
}
.kp8-85 {
box-sizing: border-box;
object-fit: cover;
border: 1px solid #210736;
width: 100%;
max-height: 820px;
display: block;
box-shadow: 18px 18px #721be3;
}
.kp8-87 {
box-sizing: border-box;
color: #721be3;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: none;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
}
.kp8-88 {
box-sizing: border-box;
color: #721be3;
letter-spacing: -.09em;
margin: 0;
font-size: clamp(78px, 10vw, 160px);
font-weight: 800;
line-height: .78;
}
.kp8-89 {
box-sizing: border-box;
letter-spacing: -.075em;
text-transform: uppercase;
margin: 18px 0 30px;
font-size: clamp(38px, 4.8vw, 72px);
line-height: .88;
}
.kp8-90 {
box-sizing: border-box;
border-top-style: solid;
border-top-width: 2px;
margin-top: 42px;
}
.kp8-91, .kp8-92, .kp8-93 {
box-sizing: border-box;
letter-spacing: .02em;
text-transform: uppercase;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 0;
padding: 17px 0;
font-size: clamp(15px, 1.5vw, 20px);
font-weight: 800;
}
.kp8-100 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .08em;
text-transform: uppercase;
border-color: #0ff;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 5px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.kp8-101 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp8-102, .kp8-108, .kp8-113, .kp8-118 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp8-103 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp8-104 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp8-105 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp8-107 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp8-109, .kp8-114, .kp8-119 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp8-110 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-110:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-111 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-111:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-112 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-112:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-115 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-115:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-116 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-116:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-117 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-117:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-120 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-120:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-121 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp8-121:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp8-123 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp8-123:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp8-26-after {
z-index: 1;
opacity: .32;
filter: saturate(1.25) contrast(1.18) hue-rotate(332deg);
pointer-events: none;
mix-blend-mode: screen;
width: auto;
height: auto;
image-rendering: pixelated;
background: var(--about-image) right 42% / auto 108%no-repeat;
clip-path: polygon(52% 10%, 100% 10%, 100% 16%, 52% 16%, 52% 33%, 96% 33%, 96% 39%, 52% 39%, 52% 58%, 100% 58%, 100% 65%, 52% 65%, 52% 78%, 94% 78%, 94% 84%, 52% 84%);
border-color: #dfff4547;
border-radius: 0;
position: absolute;
inset: -2%;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp8-26-before {
image-rendering: pixelated;
position: absolute;
inset: -2%;
}
.kp8-49-after {
background-image: linear-gradient(#0000 72%, #04070cf0);
position: absolute;
inset: 0;
}
.kp8-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp8-5-before, .kp8-6-before, .kp8-7-before, .kp8-8-before, .kp8-9-before, .kp8-10-before, .kp8-11-before, .kp8-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp8-59-after, .kp8-63-after, .kp8-67-after, .kp8-71-after {
background-image: linear-gradient(90deg, #0000, #0ff);
width: 80px;
height: 1px;
position: absolute;
bottom: 18px;
right: -12px;
box-shadow: 0 4px #ff2e88;
}
.kp8-76-before, .kp8-80-before {
background-color: #0ff;
width: 44px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 20px 3px #ff2e88;
}
.kp8-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp8-27-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp8-28-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp8-38-before, .kp8-39-before, .kp8-40-before {
color: #0ff;
margin-right: 5px;
}
.kp8-38-after, .kp8-39-after, .kp8-40-after {
color: #ff2e88;
margin-left: 5px;
}
.kp8-101-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp9-0 {
box-sizing: border-box;
color: #f5f5f5;
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
scroll-behavior: smooth;
background-color: #05070b;
background-image: radial-gradient(circle at 86% 10%, #ff2e8814, #0000 26%), linear-gradient(#ffffff05 1px, #0000 0), linear-gradient(90deg, #00ffff05 1px, #0000 0);
background-size: auto, 100% 7px, 86px 100%;
margin: 0;
font-family: Space Mono, sans-serif;
overflow-x: hidden;
}
.kp9-1 {
z-index: 50;
box-sizing: border-box;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
color: #fff;
background-color: #1f0534f0;
border-color: #00ffff38 #00ffff38 #66f6ff59;
border-bottom-style: solid;
border-bottom-width: 1px;
justify-content: space-between;
align-items: center;
height: 76px;
padding: 0 4vw;
display: flex;
position: sticky;
top: 0;
box-shadow: 0 5px #ff5fa814, 0 16px 60px #1e003c3d;
}
.kp9-2 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
color: inherit;
align-items: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.kp9-3 {
box-sizing: border-box;
object-fit: cover;
width: 42px;
height: 42px;
}
.kp9-4 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #d9dbe2;
letter-spacing: .07em;
text-transform: uppercase;
font-size: 10px;
display: flex;
}
.kp9-5 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-5:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-6 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-6:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-7 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-7:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-8 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-8:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-9 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-9:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-10 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-10:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-11 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-11:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-12 {
box-sizing: border-box;
color: #e5d8ef;
padding: 7px 0;
text-decoration: none;
position: relative;
}
.kp9-12:hover {
color: #dfff45;
text-shadow: 2px 0 #ff2e88, -1px 0 #0ff;
}
.kp9-13 {
box-sizing: border-box;
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
display: flex;
}
.kp9-14 {
box-sizing: border-box;
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 11px 17px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 4px 4px #ff5fa8;
}
.kp9-14:hover {
color: #020507;
background-color: #0ff;
transform: translate(-2px, -2px);
box-shadow: 6px 5px #ff2e88;
}
.kp9-15, .kp9-31, .kp9-32, .kp9-33, .kp9-64, .kp9-80 {
box-sizing: border-box;
}
.kp9-16 {
box-sizing: border-box;
color: #fff;
font-size: 24px;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
display: none;
}
.kp9-17 {
box-sizing: border-box;
color: #210736;
isolation: isolate;
background-color: #f1eaff;
position: relative;
}
.kp9-18 {
box-sizing: border-box;
color: #fff;
isolation: isolate;
background-image: linear-gradient(135deg, #431078 0, #721be3 58%, #9b30ff 100%);
background-size: auto;
border-bottom: 12px solid #dfff45;
flex-direction: column;
justify-content: center;
min-height: 720px;
padding: 120px 6vw 70px;
display: flex;
position: relative;
overflow: hidden;
}
.kp9-19 {
z-index: 1;
box-sizing: border-box;
opacity: .82;
pointer-events: none;
mix-blend-mode: screen;
position: absolute;
inset: 0 0 0 48%;
overflow: hidden;
-webkit-mask-image: linear-gradient(90deg, #0000, #000 22%);
mask-image: linear-gradient(90deg, #0000, #000 22%);
}
.kp9-20 {
box-sizing: border-box;
opacity: .82;
filter: contrast(1.4) saturate(1.5) brightness(.82);
mix-blend-mode: screen;
object-fit: cover;
width: min(48vw, 690px);
height: min(48vw, 690px);
image-rendering: pixelated;
border-radius: 50%;
position: absolute;
top: 50%;
right: -3%;
transform: translateY(-50%);
}
.kp9-21 {
box-sizing: border-box;
border: 1px dashed #dfff45a8;
border-radius: 50%;
width: min(51vw, 730px);
height: min(51vw, 730px);
position: absolute;
top: 50%;
right: 4%;
transform: translateY(-50%);
}
.kp9-22 {
box-sizing: border-box;
background-image: linear-gradient(#0000 42%, #00ffff26 49%, #ff2e881a 51%, #0000 58%);
position: absolute;
inset: -30% 0;
}
.kp9-23 {
box-sizing: border-box;
grid-column-gap: 11px;
grid-row-gap: 11px;
color: #66f6ff;
letter-spacing: .1em;
background-color: #1f0534d1;
border: 1px solid #66f6ff;
align-items: center;
padding: 8px 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 58px;
right: 4vw;
}
.kp9-24 {
box-sizing: border-box;
background-color: #54ffb0;
border-radius: 50%;
width: 7px;
height: 7px;
box-shadow: 0 0 12px #54ffb0;
}
.kp9-25 {
box-sizing: border-box;
white-space: nowrap;
}
.kp9-26 {
box-sizing: border-box;
color: #89939f;
font-weight: 400;
}
.kp9-27 {
z-index: 5;
box-sizing: border-box;
color: #66f6ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
margin: 0 0 24px;
font-family: inherit;
font-size: 10px;
font-weight: 700;
position: relative;
}
.kp9-28 {
z-index: 5;
box-sizing: border-box;
color: #fff;
letter-spacing: -.065em;
text-transform: uppercase;
text-shadow: 4px 0 #ff5fa8, -2px 0 #66f6ff;
max-width: 880px;
margin: 0;
font-family: inherit;
font-size: clamp(64px, 8vw, 124px);
line-height: .84;
position: relative;
}
.kp9-29 {
z-index: 5;
box-sizing: border-box;
color: #f0e8f8;
max-width: 650px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 1.55;
position: relative;
}
.kp9-30 {
z-index: 5;
box-sizing: border-box;
color: #e9dff4;
letter-spacing: .12em;
border-color: #dfff4594;
border-top-style: solid;
border-top-width: 1px;
justify-content: space-between;
padding-top: 10px;
font-size: 8px;
display: flex;
position: absolute;
bottom: 24px;
left: 6vw;
right: 6vw;
}
.kp9-34 {
z-index: 2;
box-sizing: border-box;
background-image: linear-gradient(90deg, #0ff, #ff2e88, #0000);
height: 2px;
position: absolute;
bottom: 50px;
left: 6vw;
right: 6vw;
}
.kp9-35 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #210736;
background-color: #f1eaff;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
padding: 100px 4vw;
display: grid;
}
.kp9-36 {
box-sizing: border-box;
color: #210736;
background-color: #dfff45;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp9-36:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp9-37, .kp9-41, .kp9-45, .kp9-49 {
box-sizing: border-box;
color: #0ff;
font-family: monospace;
}
.kp9-38, .kp9-42, .kp9-46, .kp9-50 {
box-sizing: border-box;
letter-spacing: -.04em;
text-transform: uppercase;
margin-top: 90px;
font-family: inherit;
font-size: 29px;
}
.kp9-39, .kp9-43, .kp9-47, .kp9-51 {
box-sizing: border-box;
opacity: .78;
color: inherit;
}
.kp9-40 {
box-sizing: border-box;
color: #210736;
background-color: #ff5fa8;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp9-40:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp9-44 {
box-sizing: border-box;
color: #fff;
background-color: #721be3;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp9-44:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp9-48 {
box-sizing: border-box;
color: #fff;
background-color: #08030d;
border: 1px solid #210736;
min-height: 360px;
padding: 25px;
transition: transform .25s, border-color .25s, box-shadow .25s;
position: relative;
overflow: hidden;
box-shadow: 9px 9px #2107361f;
}
.kp9-48:hover {
border-color: #00ffff7a;
transform: translateY(-4px);
box-shadow: 8px 8px #ff2e881f;
}
.kp9-52 {
box-sizing: border-box;
color: #fff;
background-image: linear-gradient(145deg, #210736, #4b0d82 70%, #721be3);
background-size: 56px 56px;
border-top: 1px solid #00ffff40;
padding: 110px 8vw;
}
.kp9-53 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .22em;
text-transform: uppercase;
text-shadow: 1px 0 #ff2e88bf;
max-width: 590px;
margin: 0 0 24px;
font-family: inherit;
font-size: 18px;
font-weight: 700;
}
.kp9-54 {
box-sizing: border-box;
color: #fff;
letter-spacing: -.06em;
text-shadow: 4px 0 #ff5fa87a, -2px 0 #66f6ff6b;
margin: 0;
font-size: clamp(50px, 7vw, 90px);
}
.kp9-55 {
box-sizing: border-box;
max-width: 590px;
font-size: 18px;
}
.kp9-56 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
align-items: center;
display: flex;
}
.kp9-57 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: all .2s;
display: inline-flex;
box-shadow: 5px 5px #ff5fa8;
}
.kp9-57:hover {
color: #210736;
background-color: #fff;
transform: translate(-2px, -2px);
box-shadow: 8px 8px #ff5fa8;
}
.kp9-58 {
box-sizing: border-box;
color: #0ff;
letter-spacing: .08em;
text-transform: uppercase;
border-color: #0ff;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 5px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.kp9-59 {
box-sizing: border-box;
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #8f99a4;
background-color: #210736;
background-image: linear-gradient(90deg, #66f6ff08 1px, #0000 1px);
background-size: 48px 48px;
border-top: 8px solid #ff5fa8;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr 1fr;
padding: 70px 4vw;
display: grid;
position: relative;
}
.kp9-60, .kp9-66, .kp9-71, .kp9-76 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
font-size: 12px;
display: flex;
}
.kp9-61 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
letter-spacing: .04em;
text-transform: uppercase;
align-items: center;
font-size: 13px;
font-weight: 700;
display: flex;
}
.kp9-62 {
box-sizing: border-box;
color: #ff6aaa;
background-color: #05070b;
border: 1px solid #00ffff73;
place-items: center;
width: 48px;
height: 42px;
display: grid;
overflow: hidden;
box-shadow: 3px 0 #ff2e8857, 0 0 24px #00ffff1a;
}
.kp9-63 {
box-sizing: border-box;
mix-blend-mode: screen;
object-fit: contain;
filter: invert();
width: 39px;
height: 30px;
display: block;
}
.kp9-65 {
box-sizing: border-box;
opacity: .62;
color: #0ff;
letter-spacing: .13em;
text-transform: uppercase;
margin-top: 3px;
font-size: 9px;
font-weight: 400;
display: block;
}
.kp9-67, .kp9-72, .kp9-77 {
box-sizing: border-box;
color: #dfff45;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 10px;
}
.kp9-68 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-68:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-69 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-69:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-70 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-70:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-73 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-73:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-74 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-74:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-75 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-75:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-78 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-78:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-79 {
box-sizing: border-box;
color: inherit;
text-decoration: none;
}
.kp9-79:hover {
color: #fff;
text-shadow: 1px 0 #ff2e88;
}
.kp9-81 {
box-sizing: border-box;
color: #210736;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #dfff45;
border: 1px solid #dfff45;
border-radius: 0;
text-decoration: none;
display: none;
box-shadow: 5px 5px #ff5fa8;
}
.kp9-81:hover {
color: #210736;
background-color: #fff;
box-shadow: 8px 8px #ff5fa8;
}
.kp9-18-after {
border: 1px solid #dfff4547;
border-radius: 50%;
width: 700px;
height: 700px;
position: absolute;
top: -250px;
right: -250px;
box-shadow: 0 0 0 80px #66f6ff06;
}
.kp9-18-before {
z-index: 2;
color: #00ffffb3;
letter-spacing: .13em;
font-size: 9px;
position: absolute;
top: 24px;
right: 4vw;
}
.kp9-0-before {
z-index: 9999;
opacity: .16;
pointer-events: none;
mix-blend-mode: screen;
background-image: repeating-linear-gradient(0deg, #0000 0 4px, #ffffff0b 5px);
position: fixed;
inset: 0;
}
.kp9-5-before, .kp9-6-before, .kp9-7-before, .kp9-8-before, .kp9-9-before, .kp9-10-before, .kp9-11-before, .kp9-12-before {
opacity: 0;
color: #0ff;
margin-right: 4px;
transition: all .18s;
}
.kp9-36-before, .kp9-40-before, .kp9-44-before, .kp9-48-before {
width: 34px;
height: 2px;
position: absolute;
top: 0;
left: 0;
box-shadow: 22px 0 #ffffff80;
}
.kp9-17-before {
z-index: 90;
opacity: .9;
pointer-events: none;
background-image: linear-gradient(#66f6ff, #ff5fa8 48%, #dfff45);
width: 5px;
position: fixed;
top: 72px;
bottom: 0;
left: 0;
}
.kp9-19-before {
opacity: .42;
background-image: linear-gradient(90deg, #ffffff0b 1px, #0000 0);
background-size: 48px 48px;
position: absolute;
inset: 0;
}
.kp9-21-after {
border: 1px solid #66f6ff85;
border-radius: 50%;
position: absolute;
inset: 9%;
}
.kp9-31-before, .kp9-32-before, .kp9-33-before {
color: #0ff;
margin-right: 5px;
}
.kp9-31-after, .kp9-32-after, .kp9-33-after {
color: #ff2e88;
margin-left: 5px;
}
.kp9-59-before {
color: #00ffff80;
letter-spacing: .11em;
font-size: 8px;
position: absolute;
top: 18px;
right: 4vw;
}
.kp10-0 {
box-sizing: border-box;
color: #f4f0e8;
scroll-behavior: smooth;
background-color: #0b0f1a;
margin: 0;
padding: 0;
font-family: Space Mono, sans-serif;
font-size: 15px;
line-height: 1.65;
overflow-x: hidden;
}
.kp10-1 {
box-sizing: border-box;
background-image: linear-gradient(160deg, #0b0f1a 0%, #111827 55%, #0f1c2d 100%);
flex-direction: column;
justify-content: center;
min-height: 100vh;
margin: 0;
padding: 60px 80px;
display: flex;
position: relative;
overflow: hidden;
}
.kp10-2 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
margin: 0 0 48px;
padding: 0;
display: flex;
}
.kp10-3 {
box-sizing: border-box;
color: #e2b455;
letter-spacing: .22em;
text-transform: uppercase;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 11px;
}
.kp10-4 {
box-sizing: border-box;
background-color: #c9952a;
border-radius: 50%;
width: 4px;
height: 4px;
margin: 0;
padding: 0;
}
.kp10-5 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .18em;
text-transform: uppercase;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 11px;
}
.kp10-6 {
box-sizing: border-box;
color: #fff;
max-width: 780px;
margin: 0 0 24px;
padding: 0;
font-family: Playfair Display;
font-size: clamp(38px, 5vw, 62px);
font-weight: 700;
line-height: 1.15;
}
.kp10-7, .kp10-38, .kp10-44, .kp10-48, .kp10-52, .kp10-58, .kp10-76, .kp10-78, .kp10-79, .kp10-83, .kp10-88, .kp10-93, .kp10-106, .kp10-108, .kp10-109, .kp10-113, .kp10-118, .kp10-123, .kp10-128, .kp10-134, .kp10-146, .kp10-152, .kp10-156, .kp10-158, .kp10-160, .kp10-162, .kp10-169, .kp10-171, .kp10-183, .kp10-200, .kp10-213, .kp10-226, .kp10-230, .kp10-231, .kp10-235, .kp10-236, .kp10-247, .kp10-258, .kp10-269, .kp10-273, .kp10-274, .kp10-278, .kp10-279, .kp10-288, .kp10-299, .kp10-308, .kp10-320, .kp10-336, .kp10-342, .kp10-346, .kp10-350, .kp10-354, .kp10-358, .kp10-362, .kp10-395, .kp10-396, .kp10-411, .kp10-412, .kp10-413, .kp10-418, .kp10-419, .kp10-462, .kp10-514, .kp10-517, .kp10-518, .kp10-521, .kp10-527, .kp10-533, .kp10-537, .kp10-541 {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.kp10-8, .kp10-526 {
box-sizing: border-box;
color: #e2b455;
margin: 0;
padding: 0;
font-style: italic;
}
.kp10-9 {
box-sizing: border-box;
color: #f4f0e880;
max-width: 560px;
margin: 0 0 56px;
padding: 0;
font-size: 16px;
line-height: 1.7;
}
.kp10-10 {
box-sizing: border-box;
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #c9952a38;
border: 1px solid #c9952a38;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
max-width: 700px;
margin: 0;
padding: 0;
display: grid;
overflow: hidden;
}
.kp10-11, .kp10-14, .kp10-17, .kp10-20 {
box-sizing: border-box;
background-color: #ffffff08;
margin: 0;
padding: 16px 20px;
}
.kp10-12, .kp10-15, .kp10-18, .kp10-21 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .16em;
text-transform: uppercase;
margin: 0 0 6px;
padding: 0;
font-family: DM Mono;
font-size: 9px;
}
.kp10-13, .kp10-16 {
box-sizing: border-box;
color: #e2b455;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 600;
}
.kp10-19, .kp10-22 {
box-sizing: border-box;
color: #f4f0e8;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: 600;
}
.kp10-23 {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #f4f0e840;
letter-spacing: .2em;
text-transform: uppercase;
align-items: center;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 9px;
display: flex;
position: absolute;
bottom: 30px;
right: 80px;
}
.kp10-24 {
z-index: 100;
box-sizing: border-box;
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: #111827;
border-bottom: 1px solid #c9952a38;
margin: 0;
padding: 0 80px;
display: flex;
position: sticky;
top: 0;
overflow-x: auto;
}
.kp10-25 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-25:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-26 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-26:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-27 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-27:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-28 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-28:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-29 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-29:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-30 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-30:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-31 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-31:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-32 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-32:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-33 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .15em;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid #0000;
margin: 0;
padding: 14px 0;
font-family: DM Mono;
font-size: 10px;
text-decoration: none;
transition: color .2s, border-color .2s;
}
.kp10-33:hover {
color: #e2b455;
border-bottom-color: #c9952a;
}
.kp10-34, .kp10-64, .kp10-142, .kp10-220, .kp10-332, .kp10-363, .kp10-385, .kp10-458 {
box-sizing: border-box;
border-bottom: 1px solid #c9952a38;
margin: 0;
padding: 80px;
}
.kp10-35, .kp10-65, .kp10-143, .kp10-221, .kp10-333, .kp10-364, .kp10-386, .kp10-459 {
box-sizing: border-box;
margin: 0 0 48px;
padding: 0;
}
.kp10-36, .kp10-66, .kp10-144, .kp10-222, .kp10-334, .kp10-365, .kp10-387, .kp10-460, .kp10-524 {
box-sizing: border-box;
color: #c9952a;
letter-spacing: .18em;
text-transform: uppercase;
margin: 0 0 10px;
padding: 0;
font-family: DM Mono;
font-size: 10px;
display: block;
}
.kp10-37, .kp10-67, .kp10-145, .kp10-223, .kp10-335, .kp10-366, .kp10-388, .kp10-461 {
box-sizing: border-box;
color: #fff;
margin: 0 0 12px;
padding: 0;
font-family: Playfair Display;
font-size: clamp(26px, 3vw, 36px);
font-weight: 700;
line-height: 1.25;
}
.kp10-39, .kp10-68, .kp10-147, .kp10-224, .kp10-337, .kp10-367, .kp10-463 {
box-sizing: border-box;
color: #f4f0e880;
max-width: 680px;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.75;
}
.kp10-40 {
box-sizing: border-box;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 0;
padding: 0;
display: grid;
}
.kp10-41, .kp10-45, .kp10-49, .kp10-55 {
box-sizing: border-box;
background-color: #1a2235;
border: 1px solid #c9952a38;
border-radius: 14px;
margin: 0;
padding: 28px 30px;
}
.kp10-42, .kp10-46, .kp10-50, .kp10-56 {
box-sizing: border-box;
margin: 0 0 14px;
padding: 0;
font-size: 28px;
display: block;
}
.kp10-43, .kp10-47, .kp10-51, .kp10-57 {
box-sizing: border-box;
color: #fff;
margin: 0 0 10px;
padding: 0;
font-family: Playfair Display;
font-size: 17px;
font-weight: 600;
}
.kp10-53, .kp10-54 {
box-sizing: border-box;
color: var(--cream);
margin: 0;
padding: 0;
}
.kp10-59 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #c9952a2e;
border: 1px solid #c9952a59;
border-radius: 14px;
align-items: flex-start;
margin: 24px 0 0;
padding: 24px 30px;
display: flex;
}
.kp10-60 {
box-sizing: border-box;
background-color: #c9952a;
border-radius: 2px;
flex-shrink: 0;
width: 3px;
min-height: 40px;
margin: 2px 0 0;
padding: 0;
}
.kp10-61 {
box-sizing: border-box;
color: #f4f0e8;
margin: 0;
padding: 0;
font-size: 14px;
font-style: italic;
line-height: 1.75;
}
.kp10-62, .kp10-63 {
box-sizing: border-box;
color: #e2b455;
margin: 0;
padding: 0;
font-style: normal;
}
.kp10-69 {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 0 0 40px;
padding: 0;
display: grid;
}
.kp10-70 {
box-sizing: border-box;
border: 1px solid #c9952a66;
border-radius: 22px;
flex-direction: column;
margin: 0;
padding: 0;
display: flex;
overflow: hidden;
}
.kp10-71 {
box-sizing: border-box;
background-image: linear-gradient(135deg, #1a1608 0%, #1c1a0f 100%);
border-bottom: 1px solid #c9952a38;
margin: 0;
padding: 28px 32px 24px;
}
.kp10-72 {
box-sizing: border-box;
color: #e2b455;
letter-spacing: .2em;
text-transform: uppercase;
background-color: #c9952a2e;
border: 1px solid #c9952a59;
border-radius: 3px;
margin: 0 0 14px;
padding: 4px 12px;
font-family: DM Mono;
font-size: 10px;
font-weight: 600;
display: inline-block;
}
.kp10-73 {
box-sizing: border-box;
color: #e2b455;
margin: 0 0 6px;
padding: 0;
font-family: Playfair Display;
font-size: 42px;
font-weight: 700;
line-height: 1;
}
.kp10-74, .kp10-104 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0 0 16px;
padding: 0;
font-size: 13px;
}
.kp10-75, .kp10-105 {
box-sizing: border-box;
color: #fff;
margin: 0 0 10px;
padding: 0;
font-family: Playfair Display;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
}
.kp10-77, .kp10-107 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.7;
}
.kp10-80, .kp10-110 {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
margin: 0;
padding: 0;
display: flex;
}
.kp10-81, .kp10-86, .kp10-91 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #ffffff08;
border-left: 3px solid #c9952a66;
border-radius: 8px;
align-items: flex-start;
margin: 0;
padding: 12px 16px;
display: flex;
}
.kp10-82, .kp10-87, .kp10-92, .kp10-112, .kp10-117, .kp10-122, .kp10-127, .kp10-133 {
box-sizing: border-box;
color: #f4f0e840;
flex-shrink: 0;
margin: 2px 0 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-84, .kp10-89, .kp10-94, .kp10-114, .kp10-119, .kp10-124, .kp10-129, .kp10-135 {
box-sizing: border-box;
color: #f4f0e8;
margin: 0 0 3px;
padding: 0;
font-size: 13.5px;
font-weight: 600;
}
.kp10-85, .kp10-90, .kp10-95, .kp10-115, .kp10-120, .kp10-125, .kp10-131, .kp10-137 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.5;
}
.kp10-96, .kp10-138 {
box-sizing: border-box;
background-color: #00000026;
border-top: 1px solid #c9952a38;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 20px 32px;
display: flex;
}
.kp10-97, .kp10-139 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0;
padding: 0;
font-size: 12px;
}
.kp10-98, .kp10-140, .kp10-415, .kp10-416, .kp10-417, .kp10-420, .kp10-421 {
box-sizing: border-box;
color: #f4f0e8;
margin: 0;
padding: 0;
}
.kp10-99, .kp10-141 {
box-sizing: border-box;
color: #c9952a;
letter-spacing: .1em;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-100 {
box-sizing: border-box;
background-image: linear-gradient(#0d1a18 0%, #111827 100%);
border: 1px solid #0e8a7480;
border-radius: 22px;
flex-direction: column;
margin: 0;
padding: 0;
display: flex;
overflow: hidden;
}
.kp10-101 {
box-sizing: border-box;
background-image: linear-gradient(135deg, #081a16 0%, #0f2020 100%);
border-bottom: 1px solid #c9952a38;
margin: 0;
padding: 28px 32px 24px;
}
.kp10-102 {
box-sizing: border-box;
color: #4ec9b0;
letter-spacing: .2em;
text-transform: uppercase;
background-color: #0e8a7426;
border: 1px solid #0e8a744d;
border-radius: 3px;
margin: 0 0 14px;
padding: 4px 12px;
font-family: DM Mono;
font-size: 10px;
font-weight: 600;
display: inline-block;
}
.kp10-103 {
box-sizing: border-box;
color: #4ec9b0;
margin: 0 0 6px;
padding: 0;
font-family: Playfair Display;
font-size: 42px;
font-weight: 700;
line-height: 1;
}
.kp10-111, .kp10-116, .kp10-121 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #ffffff08;
border-left: 3px solid #0e8a7459;
border-radius: 8px;
align-items: flex-start;
margin: 0;
padding: 12px 16px;
display: flex;
}
.kp10-126, .kp10-132 {
box-sizing: border-box;
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #0e8a7412;
border-left: 3px solid #0e8a7459;
border-radius: 8px;
align-items: flex-start;
margin: 0;
padding: 12px 16px;
display: flex;
}
.kp10-130, .kp10-136 {
box-sizing: border-box;
color: #4ec9b0;
letter-spacing: .12em;
text-transform: uppercase;
vertical-align: middle;
background-color: #0e8a7426;
border-radius: 2px;
margin: 0 0 0 8px;
padding: 2px 7px;
font-family: DM Mono;
font-size: 9px;
}
.kp10-148 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 0 0 20px;
padding: 0;
display: grid;
}
.kp10-149, .kp10-166, .kp10-180, .kp10-197, .kp10-210 {
box-sizing: border-box;
background-color: #1a2235;
border: 1px solid #c9952a38;
border-radius: 14px;
margin: 0;
padding: 24px;
position: relative;
overflow: hidden;
}
.kp10-150, .kp10-167, .kp10-181, .kp10-198, .kp10-211 {
box-sizing: border-box;
color: #f4f0e840;
letter-spacing: .14em;
margin: 0 0 10px;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-151, .kp10-168, .kp10-182, .kp10-199, .kp10-212 {
box-sizing: border-box;
color: #fff;
margin: 0 0 12px;
padding: 0;
font-family: Playfair Display;
font-size: 17px;
font-weight: 600;
line-height: 1.3;
}
.kp10-153, .kp10-170, .kp10-184, .kp10-201, .kp10-214 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0 0 14px;
padding: 0;
font-size: 12px;
line-height: 1.7;
}
.kp10-154, .kp10-172, .kp10-185, .kp10-202, .kp10-215 {
box-sizing: border-box;
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.kp10-155, .kp10-157, .kp10-159, .kp10-161, .kp10-163, .kp10-164, .kp10-173, .kp10-174, .kp10-175, .kp10-176, .kp10-177, .kp10-178, .kp10-186, .kp10-187, .kp10-188, .kp10-189, .kp10-190, .kp10-191, .kp10-203, .kp10-204, .kp10-205, .kp10-206, .kp10-207, .kp10-208, .kp10-216, .kp10-217, .kp10-218 {
box-sizing: border-box;
color: #d6cebc;
margin: 0;
padding: 0 0 0 14px;
font-size: 12.5px;
line-height: 1.5;
position: relative;
}
.kp10-165 {
box-sizing: border-box;
color: #c9952a;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #c9952a2e;
border: 1px solid #c9952a59;
border-radius: 2px;
margin: 14px 0 0;
padding: 3px 8px;
font-family: DM Mono;
font-size: 9px;
display: inline-block;
}
.kp10-179 {
box-sizing: border-box;
color: #60a5fa;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #2563eb1f;
border: 1px solid #2563eb40;
border-radius: 2px;
margin: 14px 0 0;
padding: 3px 8px;
font-family: DM Mono;
font-size: 9px;
display: inline-block;
}
.kp10-192 {
box-sizing: border-box;
color: #a78bfa;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #7c3aed1f;
border: 1px solid #7c3aed40;
border-radius: 2px;
margin: 14px 0 0;
padding: 3px 8px;
font-family: DM Mono;
font-size: 9px;
display: inline-block;
}
.kp10-193 {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0e8a7414;
border: 1px solid #0e8a7440;
border-radius: 8px;
align-items: center;
margin: 0 0 16px;
padding: 10px 16px;
display: flex;
}
.kp10-194 {
box-sizing: border-box;
background-color: #4ec9b0;
border-radius: 50%;
flex-shrink: 0;
width: 8px;
height: 8px;
margin: 0;
padding: 0;
}
.kp10-195 {
box-sizing: border-box;
color: #4ec9b0;
letter-spacing: .15em;
text-transform: uppercase;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-196 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 0;
padding: 0;
display: grid;
}
.kp10-209 {
box-sizing: border-box;
color: #4ec9b0;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #0e8a741f;
border: 1px solid #0e8a7440;
border-radius: 2px;
margin: 14px 0 0;
padding: 3px 8px;
font-family: DM Mono;
font-size: 9px;
display: inline-block;
}
.kp10-219 {
box-sizing: border-box;
color: #fb7185;
letter-spacing: .14em;
text-transform: uppercase;
background-color: #be123c1f;
border: 1px solid #be123c40;
border-radius: 2px;
margin: 14px 0 0;
padding: 3px 8px;
font-family: DM Mono;
font-size: 9px;
display: inline-block;
}
.kp10-225 {
box-sizing: border-box;
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 0;
padding: 0;
display: grid;
}
.kp10-227, .kp10-270 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .18em;
text-transform: uppercase;
background-color: #ffffff0a;
border: 1px solid #c9952a38;
border-bottom-style: none;
border-radius: 4px 4px 0 0;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 10px 16px;
font-family: DM Mono;
font-size: 10px;
display: flex;
}
.kp10-228 {
box-sizing: border-box;
color: #e2b455;
background-color: #c9952a2e;
border-radius: 2px;
margin: 0;
padding: 2px 8px;
font-size: 9px;
font-weight: 600;
}
.kp10-229, .kp10-272 {
box-sizing: border-box;
border-collapse: collapse;
border: 1px solid #c9952a38;
border-radius: 0 0 8px 8px;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.kp10-232, .kp10-233, .kp10-234, .kp10-275, .kp10-276, .kp10-277 {
box-sizing: border-box;
color: #f4f0e880;
text-align: left;
letter-spacing: .12em;
text-transform: uppercase;
background-color: #ffffff0a;
border-bottom: 1px solid #c9952a38;
margin: 0;
padding: 8px 14px;
font-family: DM Mono;
font-size: 9px;
font-weight: 500;
}
.kp10-237, .kp10-239, .kp10-242, .kp10-248, .kp10-250, .kp10-253, .kp10-280, .kp10-282, .kp10-285, .kp10-289, .kp10-291, .kp10-294, .kp10-300, .kp10-302, .kp10-305, .kp10-309, .kp10-311, .kp10-315 {
box-sizing: border-box;
vertical-align: top;
border-bottom: 1px solid #ffffff0a;
margin: 0;
padding: 10px 14px;
font-size: 12.5px;
}
.kp10-238, .kp10-249, .kp10-260 {
box-sizing: border-box;
color: #e2b455;
white-space: nowrap;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
font-weight: 600;
}
.kp10-240, .kp10-251, .kp10-262, .kp10-283, .kp10-292, .kp10-303, .kp10-312, .kp10-324 {
box-sizing: border-box;
color: #f4f0e8;
margin: 0;
padding: 0;
font-weight: 500;
}
.kp10-241, .kp10-244, .kp10-246, .kp10-252, .kp10-255, .kp10-257, .kp10-263, .kp10-266, .kp10-268, .kp10-284, .kp10-287, .kp10-293, .kp10-296, .kp10-298, .kp10-304, .kp10-307, .kp10-314, .kp10-317, .kp10-319, .kp10-326, .kp10-329, .kp10-331 {
box-sizing: border-box;
color: #f4f0e880;
margin: 3px 0 0;
padding: 0;
font-size: 11.5px;
}
.kp10-243, .kp10-254, .kp10-265, .kp10-286, .kp10-295, .kp10-306, .kp10-316, .kp10-328 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10.5px;
}
.kp10-245, .kp10-256, .kp10-267, .kp10-297, .kp10-318, .kp10-330 {
box-sizing: border-box;
color: var(--muted);
margin: 8px 0 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-259, .kp10-261, .kp10-264, .kp10-321, .kp10-323, .kp10-327 {
box-sizing: border-box;
vertical-align: top;
border-bottom-style: none;
margin: 0;
padding: 10px 14px;
font-size: 12.5px;
}
.kp10-271 {
box-sizing: border-box;
color: #4ec9b0;
background-color: #0e8a7426;
border-radius: 2px;
margin: 0;
padding: 2px 8px;
font-size: 9px;
font-weight: 600;
}
.kp10-281, .kp10-290, .kp10-301, .kp10-310, .kp10-322 {
box-sizing: border-box;
color: #4ec9b0;
white-space: nowrap;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
font-weight: 600;
}
.kp10-313, .kp10-325 {
box-sizing: border-box;
color: #4ec9b0;
white-space: nowrap;
vertical-align: middle;
background-color: #0e8a7426;
border-radius: 2px;
margin: 0 0 0 6px;
padding: 1px 6px;
font-family: DM Mono;
font-size: 9px;
}
.kp10-338 {
box-sizing: border-box;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 0;
padding: 0;
display: grid;
}
.kp10-339, .kp10-343, .kp10-347, .kp10-351, .kp10-355, .kp10-359 {
box-sizing: border-box;
background-color: #1a2235;
border: 1px solid #c9952a38;
border-radius: 14px;
margin: 0;
padding: 24px;
}
.kp10-340, .kp10-344, .kp10-348, .kp10-352, .kp10-356, .kp10-360 {
box-sizing: border-box;
opacity: .4;
color: #c9952a;
margin: 0 0 14px;
padding: 0;
font-family: Playfair Display;
font-size: 36px;
font-weight: 700;
line-height: 1;
}
.kp10-341, .kp10-345, .kp10-349, .kp10-353, .kp10-357, .kp10-361 {
box-sizing: border-box;
color: #fff;
margin: 0 0 8px;
padding: 0;
font-size: 14px;
font-weight: 700;
}
.kp10-368 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin: 0;
padding: 0;
display: grid;
}
.kp10-369, .kp10-373, .kp10-377, .kp10-381 {
box-sizing: border-box;
text-align: center;
background-color: #1a2235;
border: 1px solid #c9952a38;
border-radius: 14px;
margin: 0;
padding: 22px 20px;
}
.kp10-370, .kp10-374, .kp10-378, .kp10-382 {
box-sizing: border-box;
margin: 0 0 12px;
padding: 0;
font-size: 30px;
}
.kp10-371, .kp10-375, .kp10-379, .kp10-383 {
box-sizing: border-box;
color: #f4f0e8;
margin: 0 0 8px;
padding: 0;
font-size: 13px;
font-weight: 600;
}
.kp10-372, .kp10-376, .kp10-380, .kp10-384 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.6;
}
.kp10-389 {
box-sizing: border-box;
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 280px 1fr;
align-items: start;
margin: 0;
padding: 0;
display: grid;
}
.kp10-390 {
box-sizing: border-box;
text-align: center;
background-color: #1a2235;
border: 1px solid #c9952a38;
border-radius: 22px;
margin: 0;
padding: 28px 24px;
}
.kp10-391 {
box-sizing: border-box;
border: 2px solid var(--gold-line);
background: var(--ink-4);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
margin: 0 auto 16px;
padding: 0;
display: flex;
overflow: hidden;
}
.kp10-392 {
box-sizing: border-box;
object-fit: cover;
object-position: top center;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.kp10-393 {
box-sizing: border-box;
color: #fff;
margin: 0 0 4px;
padding: 0;
font-family: Playfair Display;
font-size: 22px;
font-weight: 700;
}
.kp10-394 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0 0 20px;
padding: 0;
font-size: 12px;
line-height: 1.5;
}
.kp10-397 {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 0 0 20px;
padding: 0;
display: grid;
}
.kp10-398, .kp10-401, .kp10-404, .kp10-407 {
box-sizing: border-box;
text-align: center;
background-color: #ffffff0a;
border: 1px solid #c9952a38;
border-radius: 8px;
margin: 0;
padding: 10px 12px;
}
.kp10-399, .kp10-402, .kp10-405, .kp10-408 {
box-sizing: border-box;
color: #e2b455;
margin: 0;
padding: 0;
font-family: Playfair Display;
font-size: 22px;
font-weight: 700;
line-height: 1.1;
}
.kp10-400, .kp10-403, .kp10-406, .kp10-409 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .1em;
text-transform: uppercase;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-410 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
letter-spacing: .03em;
background-color: #0077b5;
border-radius: 8px;
justify-content: center;
align-items: center;
margin: 0;
padding: 10px 16px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: opacity .2s;
display: flex;
}
.kp10-410:hover {
opacity: .85;
}
.kp10-414 {
box-sizing: border-box;
color: #f4f0e880;
border-left: 3px solid #c9952a;
margin: 0 0 32px;
padding: 0 0 0 20px;
font-size: 14.5px;
line-height: 1.85;
}
.kp10-422 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 0 0 28px;
padding: 0;
display: grid;
}
.kp10-423, .kp10-430, .kp10-436, .kp10-442 {
box-sizing: border-box;
background-color: #1a2235;
border: 1px solid #c9952a38;
border-radius: 8px;
margin: 0;
padding: 16px 18px;
}
.kp10-424, .kp10-431, .kp10-437, .kp10-443 {
box-sizing: border-box;
color: #c9952a;
letter-spacing: .16em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-family: DM Mono;
font-size: 9.5px;
}
.kp10-425, .kp10-432, .kp10-438, .kp10-444 {
box-sizing: border-box;
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
margin: 0;
padding: 0;
display: flex;
}
.kp10-426, .kp10-427, .kp10-428, .kp10-429, .kp10-433, .kp10-434, .kp10-435, .kp10-439, .kp10-440, .kp10-441, .kp10-445, .kp10-446, .kp10-447, .kp10-448 {
box-sizing: border-box;
color: #d6cebc;
margin: 0;
padding: 0 0 0 12px;
font-size: 12.5px;
position: relative;
}
.kp10-449, .kp10-543 {
box-sizing: border-box;
color: #c9952a;
letter-spacing: .18em;
text-transform: uppercase;
margin: 0 0 12px;
padding: 0;
font-family: DM Mono;
font-size: 10px;
display: block;
}
.kp10-450 {
box-sizing: border-box;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin: 0;
padding: 0;
display: flex;
}
.kp10-451 {
box-sizing: border-box;
color: #e2b455;
background-color: #c9952a2e;
border: 1px solid #c9952a59;
border-radius: 20px;
margin: 0;
padding: 5px 12px;
font-size: 11px;
}
.kp10-452, .kp10-453, .kp10-454, .kp10-455, .kp10-456, .kp10-457 {
box-sizing: border-box;
color: #d6cebc;
background-color: #ffffff0d;
border: 1px solid #c9952a38;
border-radius: 20px;
margin: 0;
padding: 5px 12px;
font-size: 11px;
}
.kp10-464 {
box-sizing: border-box;
margin: 0;
padding: 8px 0;
overflow: hidden;
}
.kp10-465 {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin: 0;
padding: 0;
display: flex;
}
.kp10-466, .kp10-467, .kp10-468, .kp10-469, .kp10-470, .kp10-471, .kp10-472, .kp10-473, .kp10-474, .kp10-475, .kp10-476, .kp10-477, .kp10-478, .kp10-479, .kp10-480, .kp10-481, .kp10-482, .kp10-483, .kp10-484, .kp10-485, .kp10-486, .kp10-487, .kp10-488, .kp10-489, .kp10-490, .kp10-491, .kp10-492, .kp10-493, .kp10-494, .kp10-495, .kp10-496, .kp10-497, .kp10-498, .kp10-499, .kp10-500, .kp10-501, .kp10-502, .kp10-503, .kp10-504, .kp10-505, .kp10-506, .kp10-507, .kp10-508, .kp10-509, .kp10-510, .kp10-511 {
box-sizing: border-box;
color: #f4f0e880;
white-space: nowrap;
background-color: #ffffff08;
border: 1px solid #ffffff1a;
border-radius: 20px;
margin: 0;
padding: 6px 14px;
font-family: DM Mono;
font-size: 11px;
}
.kp10-512 {
box-sizing: border-box;
border-style: solid none none;
border-top-width: 1px;
border-top-color: #c9952a38;
margin: 32px 0 24px;
padding: 0;
}
.kp10-513 {
box-sizing: border-box;
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-wrap: wrap;
margin: 0;
padding: 0;
display: flex;
}
.kp10-515, .kp10-519 {
box-sizing: border-box;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--muted);
margin: 0 0 8px;
padding: 0;
font-family: DM Mono;
font-size: 9.5px;
}
.kp10-516, .kp10-520 {
box-sizing: border-box;
color: var(--cream-dim);
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.9;
}
.kp10-522 {
box-sizing: border-box;
background-image: linear-gradient(135deg, #0f1b30 0%, #0a1220 100%);
border-top: 1px solid #c9952a59;
margin: 0;
padding: 80px;
position: relative;
overflow: hidden;
}
.kp10-523 {
box-sizing: border-box;
max-width: 700px;
margin: 0;
padding: 0;
position: relative;
}
.kp10-525 {
box-sizing: border-box;
color: #fff;
margin: 0 0 16px;
padding: 0;
font-family: Playfair Display;
font-size: 36px;
font-weight: 700;
line-height: 1.25;
}
.kp10-528 {
box-sizing: border-box;
color: #f4f0e880;
margin: 0 0 40px;
padding: 0;
font-size: 15px;
line-height: 1.75;
}
.kp10-529 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 0 0 36px;
padding: 0;
display: grid;
}
.kp10-530, .kp10-534, .kp10-538 {
box-sizing: border-box;
background-color: #ffffff0a;
border: 1px solid #c9952a38;
border-radius: 8px;
margin: 0;
padding: 18px 20px;
}
.kp10-531, .kp10-535, .kp10-539 {
box-sizing: border-box;
color: #f4f0e880;
letter-spacing: .18em;
text-transform: uppercase;
margin: 0 0 8px;
padding: 0;
font-family: DM Mono;
font-size: 9px;
}
.kp10-532, .kp10-536, .kp10-540 {
box-sizing: border-box;
color: #f4f0e8;
margin: 0;
padding: 0;
font-size: 13.5px;
font-weight: 600;
line-height: 1.4;
}
.kp10-542 {
box-sizing: border-box;
margin: 8px 0 0;
padding: 0;
}
.kp10-544 {
box-sizing: border-box;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
display: flex;
}
.kp10-545 {
box-sizing: border-box;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(135deg, var(--gold), var(--gold-lt));
color: #0b0f1a;
letter-spacing: .02em;
border-radius: 6px;
align-items: center;
margin: 0;
padding: 14px 26px;
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: opacity .2s;
display: inline-flex;
}
.kp10-546 {
box-sizing: border-box;
color: #f4f0e880;
border-top: 1px solid #c9952a38;
margin: 24px 0 0;
padding: 20px 0 0;
font-size: 12px;
font-style: italic;
}
.kp10-547 {
box-sizing: border-box;
background-color: #0b0f1a;
border-top: 1px solid #c9952a38;
justify-content: space-between;
align-items: center;
margin: 0;
padding: 32px 80px;
display: flex;
}
.kp10-548 {
box-sizing: border-box;
color: #c9952a;
letter-spacing: .2em;
text-transform: uppercase;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 11px;
}
.kp10-549 {
box-sizing: border-box;
color: #f4f0e840;
letter-spacing: .12em;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-550 {
box-sizing: border-box;
color: #f4f0e840;
letter-spacing: .1em;
margin: 0;
padding: 0;
font-family: DM Mono;
font-size: 10px;
}
.kp10-1-before {
pointer-events: none;
background-image: radial-gradient(circle, #c9952a14 0%, #0000 70%);
border-radius: 50%;
width: 520px;
height: 520px;
position: absolute;
top: -60px;
right: -60px;
}
.kp10-1-after {
background-image: linear-gradient(90deg, #0000, #c9952a, #e2b455, #c9952a, #0000);
height: 3px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.kp10-23-after {
background-color: #f4f0e840;
width: 40px;
height: 1px;
display: block;
}
.kp10-149-before {
background-image: linear-gradient(90deg, #c9952a, #e2b455);
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.kp10-166-before {
background-image: linear-gradient(90deg, #2563eb, #60a5fa);
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.kp10-180-before {
background-image: linear-gradient(90deg, #7c3aed, #a78bfa);
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.kp10-197-before {
background-image: linear-gradient(90deg, #0e8a74, #4ec9b0);
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.kp10-210-before {
background-image: linear-gradient(90deg, #be123c, #fb7185);
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.kp10-155-before, .kp10-157-before, .kp10-159-before, .kp10-161-before, .kp10-163-before, .kp10-164-before, .kp10-173-before, .kp10-174-before, .kp10-175-before, .kp10-176-before, .kp10-177-before, .kp10-178-before, .kp10-186-before, .kp10-187-before, .kp10-188-before, .kp10-189-before, .kp10-190-before, .kp10-191-before, .kp10-203-before, .kp10-204-before, .kp10-205-before, .kp10-206-before, .kp10-207-before, .kp10-208-before, .kp10-216-before, .kp10-217-before, .kp10-218-before {
color: #c9952a;
font-size: 11px;
position: absolute;
left: 0;
}
.kp10-426-before, .kp10-427-before, .kp10-428-before, .kp10-429-before, .kp10-433-before, .kp10-434-before, .kp10-435-before, .kp10-439-before, .kp10-440-before, .kp10-441-before, .kp10-445-before, .kp10-446-before, .kp10-447-before, .kp10-448-before {
color: #c9952a;
position: absolute;
left: 2px;
}
.kp10-522-before {
background-image: radial-gradient(circle, #c9952a0f 0%, #0000 70%);
border-radius: 50%;
width: 400px;
height: 400px;
position: absolute;
top: -100px;
right: -100px;
}
.kaku-proposal-back {
color: #dfff45;
background-color: #210736;
padding: 20px;
font-family: Space Mono, sans-serif;
display: block;
}
.kaku-directory {
color: #f4f0e8;
background-color: #210736;
padding: 64px 6%;
font-family: Space Mono, sans-serif;
}
.kaku-directory-title {
color: #dfff45;
margin-bottom: 28px;
font-size: 32px;
}
.kaku-directory-grid {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.kaku-directory-link {
color: #f4f0e8;
border-bottom: 1px solid #684f73;
padding: 14px 0;
font-size: 14px;
text-decoration: none;
}
.kaku-activities-card {
color: #f4effc;
background-color: #210736;
border: 1px solid #bd93ec;
border-radius: 16px;
max-width: 1180px;
margin: 32px auto;
padding: 28px;
text-decoration: none;
display: block;
}
.kaku-activities-eyebrow {
color: #dff34a;
letter-spacing: 2px;
font-size: 12px;
}
.kaku-activities-title {
margin: 12px 0;
font-size: 28px;
}
.kaku-activities-copy {
color: #cfc4e0;
margin: 0;
font-size: 15px;
line-height: 1.6;
}
.kaku-sp-profile {
box-sizing: border-box;
color: #f1eaff;
background-color: #210736;
border-top: 1px solid #694286;
padding: 80px 6vw 88px;
font-family: Space Mono, sans-serif;
}
.kaku-sp-wrap {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.kaku-sp-eyebrow {
color: #43ddfa;
letter-spacing: 2px;
margin-top: 0;
margin-bottom: 20px;
font-size: 12px;
line-height: 1.5;
}
.kaku-sp-title {
color: #f1eaff;
letter-spacing: -3px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 26px;
font-family: inherit;
font-size: clamp(36px, 5.8vw, 76px);
font-weight: 700;
line-height: 1.04;
}
.kaku-sp-intro {
color: #ddd1ec;
max-width: 870px;
margin-top: 0;
margin-bottom: 40px;
font-size: 17px;
line-height: 1.75;
}
.kaku-sp-stats {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 0;
margin-bottom: 64px;
display: grid;
}
.kaku-sp-stat {
border-top: 2px solid #dfff45;
padding-top: 22px;
}
.kaku-sp-number {
color: #dfff45;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 10px;
font-size: clamp(34px, 4.5vw, 60px);
font-weight: 700;
line-height: 1.15;
}
.kaku-sp-label {
color: #ddd1ec;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
line-height: 1.6;
}
.kaku-sp-work {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 64px;
display: grid;
}
.kaku-sp-card {
background-color: #31114b;
border-top: 1px solid #8a5baa;
padding: 28px 24px;
}
.kaku-sp-card-title {
color: #f1eaff;
margin-top: 0;
margin-bottom: 18px;
font-family: inherit;
font-size: 21px;
line-height: 1.4;
}
.kaku-sp-body {
color: #ddd1ec;
margin-top: 0;
margin-bottom: 18px;
font-size: 15px;
line-height: 1.8;
}
.kaku-sp-detail-grid {
grid-column-gap: 72px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
display: grid;
}
.kaku-sp-detail {
border-top: 1px solid #694286;
min-width: 0;
padding-top: 30px;
}
.kaku-sp-subtitle {
color: #f1eaff;
margin-top: 0;
margin-bottom: 24px;
font-family: inherit;
font-size: 26px;
line-height: 1.35;
}
.kaku-sp-list {
margin-top: 0;
margin-bottom: 22px;
padding-left: 0;
list-style-type: none;
}
.kaku-sp-item {
color: #ddd1ec;
border-bottom: 1px solid #54336f;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
line-height: 1.7;
}
.kaku-sp-year {
color: #ff52ad;
padding-right: 10px;
font-weight: 700;
}
.kaku-sp-link {
color: #dfff45;
text-underline-offset: 5px;
margin-top: 14px;
font-size: 14px;
line-height: 1.6;
text-decoration: underline;
display: inline-block;
}
.kaku-sp-intro-link {
color: #6d20b5;
margin-top: 14px;
font-size: 14px;
line-height: 1.6;
text-decoration: underline;
display: inline-block;
}
@media screen and (max-width: 991px) {
.kk-1 {
grid-template-rows: auto;
grid-template-columns: auto 1fr auto;
}
.kk-7, .kk-16 {
display: none;
}
.kk-18 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kk-20 {
opacity: .5;
width: 75vw;
position: absolute;
bottom: -5vw;
right: -18vw;
}
.kk-23 {
z-index: 6;
}
.kk-47 {
grid-column-gap: 55px;
grid-row-gap: 55px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kk-59 {
grid-column-gap: 55px;
grid-row-gap: 55px;
direction: ltr;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kk-70 {
grid-column-gap: 55px;
grid-row-gap: 55px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kk-87 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kk-100 {
grid-column-start: auto;
}
.kk-118, .kk-145 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.kk-150 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kk-152 {
height: 600px;
}
.kp1-4, .kp1-14 {
display: none;
}
.kp1-16 {
display: block;
}
.kp1-18 {
min-height: 650px;
}
.kp1-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp1-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp1-23 {
display: none;
}
.kp1-28 {
max-width: 760px;
}
.kp1-35 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.kp1-36 {
grid-column: 1 / -1;
}
.kp1-56 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp1-18-before, .kp2-4, .kp2-14 {
display: none;
}
.kp2-16 {
display: block;
}
.kp2-18 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-top: 130px;
}
.kp2-19 {
opacity: .28;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 78%);
mask-image: linear-gradient(#000, #0000 78%);
}
.kp2-24 {
z-index: 5;
}
.kp2-34 {
opacity: .48;
width: 70vw;
position: absolute;
bottom: -8vw;
right: -14vw;
}
.kp2-44 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp2-55 {
grid-column-start: span 2;
}
.kp2-62, .kp2-84 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp2-64, .kp2-86 {
min-height: 520px;
}
.kp2-73 {
grid-column-gap: 60px;
grid-row-gap: 60px;
direction: ltr;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp2-75 {
min-height: 520px;
}
.kp2-99 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp2-128 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.kp2-129 {
grid-row-start: span 2;
}
.kp2-132, .kp2-134, .kp2-140, .kp2-136 {
min-height: 360px;
}
.kp2-18-after, .kp3-4, .kp3-14 {
display: none;
}
.kp3-16 {
display: block;
}
.kp3-18 {
min-height: 650px;
}
.kp3-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp3-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp3-23 {
display: none;
}
.kp3-28 {
max-width: 760px;
}
.kp3-40, .kp3-71 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp3-18-before, .kp4-4, .kp4-14 {
display: none;
}
.kp4-16 {
display: block;
}
.kp4-18 {
min-height: 650px;
}
.kp4-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp4-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp4-23 {
display: none;
}
.kp4-28 {
max-width: 760px;
}
.kp4-38 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp4-70, .kp4-78 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp4-79 {
min-height: 430px;
padding: 28px;
}
.kp4-83 {
left: 28px;
right: 28px;
}
.kp4-84 {
min-height: 430px;
padding: 28px;
}
.kp4-88 {
left: 28px;
right: 28px;
}
.kp4-89 {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp4-90 {
grid-row-start: auto;
min-height: 560px;
}
.kp4-91 {
height: 560px;
}
.kp4-97 {
padding-top: 10px;
}
.kp4-104 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp4-105 {
min-height: 320px;
}
.kp4-113 {
flex-direction: column;
align-items: flex-start;
}
.kp4-150 {
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
}
.kp4-164, .kp4-185 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp4-18-before {
display: none;
}
.kp4-105-after {
top: 30px;
left: auto;
right: -30px;
}
.kp4-105-before {
top: -40px;
left: auto;
right: -100px;
}
.kp5-4, .kp5-14 {
display: none;
}
.kp5-16 {
display: block;
}
.kp5-18 {
min-height: 650px;
}
.kp5-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp5-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp5-23 {
display: none;
}
.kp5-28 {
max-width: 760px;
}
.kp5-35 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp5-39 {
padding-top: 0;
}
.kp5-44 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp5-62, .kp5-87 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp5-88 {
min-height: 480px;
}
.kp5-99 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp5-104 {
flex-direction: column;
align-items: flex-start;
}
.kp5-109 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp5-18-before, .kp6-4, .kp6-14 {
display: none;
}
.kp6-16 {
display: block;
}
.kp6-18 {
min-height: 650px;
}
.kp6-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp6-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp6-23 {
display: none;
}
.kp6-28 {
max-width: 760px;
}
.kp6-35 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp6-42 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp6-18-before, .kp0-4, .kp0-14 {
display: none;
}
.kp0-16 {
display: block;
}
.kp0-18 {
min-height: 650px;
}
.kp0-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp0-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp0-23 {
display: none;
}
.kp0-28 {
max-width: 760px;
}
.kp0-49 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp0-18-before, .kp7-4, .kp7-14 {
display: none;
}
.kp7-16 {
display: block;
}
.kp7-18 {
min-height: 650px;
}
.kp7-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp7-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp7-23 {
display: none;
}
.kp7-28 {
max-width: 760px;
}
.kp7-35, .kp7-69 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp7-18-before {
display: none;
}
.kp8-18 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp8-26 {
min-height: 650px;
}
.kp8-35 {
max-width: 760px;
}
.kp8-48 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp8-4, .kp8-14 {
display: none;
}
.kp8-16 {
display: block;
}
.kp8-27 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp8-30 {
display: none;
}
.kp8-58 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp8-84 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp8-85 {
max-height: none;
}
.kp9-4, .kp9-14 {
display: none;
}
.kp9-16 {
display: block;
}
.kp9-18 {
min-height: 650px;
}
.kp9-19 {
opacity: .32;
inset: 0;
-webkit-mask-image: linear-gradient(#000, #0000 82%);
mask-image: linear-gradient(#000, #0000 82%);
}
.kp9-20 {
width: 70vw;
height: 70vw;
right: -18%;
}
.kp9-23 {
display: none;
}
.kp9-28 {
max-width: 760px;
}
.kp9-35 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp9-18-before {
display: none;
}
.kp10-1 {
padding: 48px 32px;
}
.kp10-10 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.kp10-23 {
display: none;
}
.kp10-24 {
padding: 0 32px;
}
.kp10-34, .kp10-64, .kp10-142, .kp10-220, .kp10-332, .kp10-363, .kp10-385, .kp10-458 {
padding: 48px 32px;
}
.kp10-40, .kp10-69, .kp10-148, .kp10-196, .kp10-225, .kp10-338, .kp10-368, .kp10-389, .kp10-422 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp10-522 {
padding: 48px 32px;
}
.kp10-529 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp10-547 {
padding: 48px 32px;
}
.kaku-sp-work {
grid-template-columns: 1fr;
}
.kaku-sp-detail-grid {
grid-column-gap: 32px;
}
}
@media screen and (max-width: 767px) {
.kk-1 {
padding: 10px 14px;
}
.kk-2 {
font-size: 10px;
}
.kk-12 {
justify-self: end;
}
.kk-18 {
min-height: 800px;
padding: 120px 22px 70px;
}
.kk-20 {
width: 115vw;
right: -57vw;
}
.kk-25 {
font-size: 60px;
}
.kk-28 {
font-size: 17px;
}
.kk-29 {
flex-direction: column;
align-items: flex-start;
}
.kk-34 {
display: none;
}
.kk-39 {
padding-left: 22px;
padding-right: 22px;
}
.kk-41 {
font-size: 45px;
}
.kk-43 {
padding-left: 22px;
padding-right: 22px;
}
.kk-44 {
text-align: left;
}
.kk-46 {
font-size: 45px;
}
.kk-47 {
margin-bottom: 110px;
}
.kk-48 {
min-height: 420px;
box-shadow: 14px 14px #dfff45;
}
.kk-49 {
transform: scale(.72);
}
.kk-56 {
font-size: 46px;
}
.kk-57 {
font-size: 17px;
}
.kk-59 {
margin-bottom: 110px;
}
.kk-60 {
min-height: 420px;
box-shadow: -14px 14px #ff5fa8;
}
.kk-67 {
font-size: 46px;
}
.kk-68 {
font-size: 17px;
}
.kk-70 {
margin-bottom: 110px;
}
.kk-71 {
min-height: 420px;
box-shadow: 14px 14px #dfff45;
}
.kk-80 {
font-size: 46px;
}
.kk-81 {
font-size: 17px;
}
.kk-83 {
padding-left: 22px;
padding-right: 22px;
}
.kk-84 {
text-align: left;
}
.kk-86 {
font-size: 45px;
}
.kk-88, .kk-94, .kk-100 {
min-height: 480px;
padding: 25px;
}
.kk-109 {
min-height: 640px;
}
.kk-113 {
font-size: 72px;
}
.kk-115 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 80px 22px;
}
.kk-118 {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin: 0 22px;
}
.kk-119, .kk-123, .kk-127, .kk-131, .kk-135, .kk-139 {
min-height: 300px;
}
.kk-143 {
margin: 80px 22px 0;
padding: 30px;
}
.kk-145 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kk-150 {
padding-left: 22px;
padding-right: 22px;
}
.kk-152 {
height: 480px;
}
.kk-156 {
font-size: 58px;
}
.kk-161 {
padding-left: 22px;
padding-right: 22px;
}
.kk-164 {
font-size: 55px;
}
.kk-167, .kk-171 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp1-1 {
height: 68px;
}
.kp1-32 {
display: none;
}
.kp1-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp1-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp1-28 {
max-width: 88%;
font-size: 56px;
}
.kp1-29 {
max-width: 76%;
font-size: 16px;
}
.kp1-30 {
left: 22px;
right: 22px;
}
.kp1-35 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 75px 22px;
}
.kp1-56 {
padding: 75px 22px;
}
.kp1-60 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp1-73 {
padding: 75px 22px;
}
.kp1-75 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp1-100 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp1-122 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp1-0-before {
opacity: .1;
}
.kp1-17-before {
top: 68px;
}
.kp2-1 {
height: 68px;
}
.kp2-18 {
min-height: 760px;
padding: 110px 22px 50px;
}
.kp2-26 {
font-size: 60px;
}
.kp2-29 {
font-size: 17px;
}
.kp2-30 {
flex-direction: column;
align-items: flex-start;
}
.kp2-34 {
width: 110vw;
bottom: -6vw;
right: -55vw;
}
.kp2-37 {
display: none;
}
.kp2-38 {
padding: 100px 22px;
}
.kp2-40 {
font-size: 44px;
}
.kp2-44 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp2-45 {
min-height: 270px;
}
.kp2-48, .kp2-53 {
min-height: 270px;
box-shadow: 8px 8px #dfff45;
}
.kp2-50 {
min-height: 270px;
}
.kp2-55 {
grid-column-start: auto;
min-height: 270px;
}
.kp2-58 {
padding-left: 22px;
padding-right: 22px;
}
.kp2-59, .kp2-125 {
text-align: left;
margin-bottom: 70px;
}
.kp2-61, .kp2-98, .kp2-127 {
font-size: 46px;
}
.kp2-62, .kp2-84 {
margin-bottom: 110px;
}
.kp2-64, .kp2-86 {
min-height: 390px;
box-shadow: 8px 8px #dfff45;
}
.kp2-66, .kp2-88 {
width: 70px;
height: 70px;
top: -30px;
left: -10px;
}
.kp2-69, .kp2-80, .kp2-91 {
font-size: 46px;
}
.kp2-70, .kp2-81, .kp2-92 {
font-size: 17px;
}
.kp2-73 {
margin-bottom: 110px;
}
.kp2-75 {
min-height: 390px;
box-shadow: -14px 14px #ff5fa8;
}
.kp2-77 {
width: 70px;
height: 70px;
top: -30px;
left: -10px;
right: -10px;
}
.kp2-95 {
padding-left: 22px;
padding-right: 22px;
}
.kp2-96 {
text-align: left;
margin-bottom: 70px;
}
.kp2-99 {
scroll-snap-type: x mandatory;
padding-bottom: 18px;
display: flex;
overflow: auto;
}
.kp2-100, .kp2-106, .kp2-112, .kp2-118 {
scroll-snap-align: start;
min-width: 82vw;
min-height: 500px;
}
.kp2-124 {
padding-left: 22px;
padding-right: 22px;
}
.kp2-128 {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.kp2-129 {
grid-row-start: auto;
min-height: 520px;
}
.kp2-132, .kp2-134, .kp2-140 {
min-height: 320px;
box-shadow: 8px 8px #dfff45;
}
.kp2-136 {
min-height: 320px;
}
.kp2-144 {
min-height: 700px;
padding: 100px 22px;
}
.kp2-148 {
font-size: 56px;
}
.kp2-150 {
flex-direction: column;
align-items: flex-start;
}
.kp2-154 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp2-176 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp2-0-before {
opacity: .1;
}
.kp2-17-before {
top: 68px;
}
.kp2-48-after, .kp2-53-after, .kp2-64-after, .kp2-75-after, .kp2-86-after, .kp2-132-after, .kp2-134-after, .kp2-140-after {
font-size: 6px;
}
.kp3-1 {
height: 68px;
}
.kp3-32 {
display: none;
}
.kp3-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp3-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp3-28 {
max-width: 88%;
font-size: 56px;
}
.kp3-29 {
max-width: 76%;
font-size: 16px;
}
.kp3-30 {
left: 22px;
right: 22px;
}
.kp3-35 {
flex-direction: column;
align-items: flex-start;
padding: 28px 22px;
}
.kp3-39 {
width: 100%;
}
.kp3-40 {
padding: 75px 22px;
}
.kp3-44 {
box-shadow: 8px 8px #dfff45;
}
.kp3-71 {
padding: 75px 22px;
}
.kp3-72 {
box-shadow: 8px 8px #dfff45;
}
.kp3-78 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp3-88 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp3-110 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp3-0-before {
opacity: .1;
}
.kp3-17-before {
top: 68px;
}
.kp3-44-after, .kp3-72-after {
font-size: 6px;
}
.kp4-1 {
height: 68px;
}
.kp4-32 {
display: none;
}
.kp4-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp4-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp4-28 {
max-width: 88%;
font-size: 56px;
}
.kp4-29 {
max-width: 76%;
font-size: 16px;
}
.kp4-30 {
left: 22px;
right: 22px;
}
.kp4-35 {
padding: 75px 22px 0;
}
.kp4-38 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 75px 22px;
}
.kp4-39, .kp4-49, .kp4-59 {
min-height: 390px;
}
.kp4-69 {
padding: 75px 22px;
}
.kp4-117 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp4-118, .kp4-142 {
min-height: 350px;
padding: 27px;
}
.kp4-120, .kp4-128, .kp4-136, .kp4-144 {
margin-top: 50px;
font-size: 31px;
}
.kp4-126, .kp4-134 {
min-height: 350px;
padding: 27px;
}
.kp4-150 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp4-152, .kp4-154, .kp4-156, .kp4-158, .kp4-160, .kp4-162 {
border-bottom: 1px solid #ffffff29;
}
.kp4-164 {
padding: 75px 22px;
}
.kp4-169 {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.kp4-178 {
box-shadow: 8px 8px #dfff45;
}
.kp4-180 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 25px;
}
.kp4-181, .kp4-183 {
box-shadow: 8px 8px #dfff45;
}
.kp4-185 {
padding: 75px 22px;
}
.kp4-186 {
box-shadow: 8px 8px #dfff45;
}
.kp4-192 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp4-214 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp4-0-before {
opacity: .1;
}
.kp4-17-before {
top: 68px;
}
.kp4-178-after, .kp4-181-after, .kp4-183-after, .kp4-186-after {
font-size: 6px;
}
.kp5-1 {
height: 68px;
}
.kp5-32 {
display: none;
}
.kp5-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp5-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp5-28 {
max-width: 88%;
font-size: 56px;
}
.kp5-29 {
max-width: 76%;
font-size: 16px;
}
.kp5-30 {
left: 22px;
right: 22px;
}
.kp5-58 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-direction: column;
align-items: flex-start;
}
.kp5-88 {
box-shadow: 8px 8px #dfff45;
}
.kp5-104 {
flex-direction: column;
align-items: flex-start;
}
.kp5-107 {
box-shadow: 8px 8px #dfff45;
}
.kp5-109 {
padding: 75px 22px;
}
.kp5-110 {
box-shadow: 8px 8px #dfff45;
}
.kp5-116 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp5-138 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp5-0-before {
opacity: .1;
}
.kp5-17-before {
top: 68px;
}
.kp5-88-after, .kp5-107-after, .kp5-110-after {
font-size: 6px;
}
.kp6-1 {
height: 68px;
}
.kp6-32 {
display: none;
}
.kp6-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp6-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp6-28 {
max-width: 88%;
font-size: 56px;
}
.kp6-29 {
max-width: 76%;
font-size: 16px;
}
.kp6-30 {
left: 22px;
right: 22px;
}
.kp6-35 {
padding: 75px 22px;
}
.kp6-36 {
box-shadow: 8px 8px #dfff45;
}
.kp6-42 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 75px 22px;
}
.kp6-43, .kp6-59, .kp6-47, .kp6-51, .kp6-55 {
min-height: 390px;
}
.kp6-63 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 25px;
}
.kp6-64, .kp6-66, .kp6-68, .kp6-70 {
box-shadow: 8px 8px #dfff45;
}
.kp6-72 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp6-94 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp6-0-before {
opacity: .1;
}
.kp6-17-before {
top: 68px;
}
.kp6-36-after, .kp6-64-after, .kp6-66-after, .kp6-68-after, .kp6-70-after {
font-size: 6px;
}
.kp0-1 {
height: 68px;
}
.kp0-32 {
display: none;
}
.kp0-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp0-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp0-28 {
max-width: 88%;
font-size: 56px;
}
.kp0-29 {
max-width: 76%;
font-size: 16px;
}
.kp0-30 {
left: 22px;
right: 22px;
}
.kp0-35 {
padding: 75px 22px;
}
.kp0-36 {
flex-direction: column;
align-items: flex-start;
}
.kp0-42 {
border-top: 1px solid #ffffff29;
width: 100%;
padding-top: 12px;
}
.kp0-530 {
text-align: center;
border: 1px solid #0ff;
grid-column: 1 / -1;
padding: 12px;
}
.kp0-49 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp0-348, .kp0-351, .kp0-354, .kp0-357, .kp0-360, .kp0-363, .kp0-507, .kp0-510, .kp0-513, .kp0-516, .kp0-366, .kp0-402, .kp0-432, .kp0-465, .kp0-498, .kp0-369, .kp0-375, .kp0-381, .kp0-387, .kp0-390, .kp0-393, .kp0-408, .kp0-414, .kp0-417, .kp0-420, .kp0-426, .kp0-429, .kp0-435, .kp0-444, .kp0-447, .kp0-453, .kp0-459, .kp0-462, .kp0-471, .kp0-477, .kp0-480, .kp0-483, .kp0-489, .kp0-495, .kp0-501, .kp0-504, .kp0-519 {
background-color: #080b10;
}
.kp0-527 {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
}
.kp0-531 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp0-553 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp0-0-before {
opacity: .1;
}
.kp0-17-before {
top: 68px;
}
.kp7-1 {
height: 68px;
}
.kp7-32 {
display: none;
}
.kp7-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp7-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp7-28 {
max-width: 88%;
font-size: 56px;
}
.kp7-29 {
max-width: 76%;
font-size: 16px;
}
.kp7-30 {
left: 22px;
right: 22px;
}
.kp7-35 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 50px 22px;
}
.kp7-64 {
padding: 75px 22px;
}
.kp7-65 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-direction: column;
align-items: flex-start;
}
.kp7-69 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp7-90 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp7-112 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp7-0-before {
opacity: .1;
}
.kp7-17-before {
top: 68px;
}
.kp8-18 {
grid-column-gap: 42px;
grid-row-gap: 42px;
min-height: 620px;
padding: 72px 22px;
}
.kp8-19 {
object-position: center;
}
.kp8-21 {
width: 100%;
}
.kp8-23 {
font-size: clamp(58px, 17vw, 84px);
line-height: .82;
}
.kp8-24 {
margin: 22px 0 30px;
font-size: 21px;
}
.kp8-26 {
border-bottom-width: 8px;
min-height: 760px;
padding: 105px 22px 80px;
}
.kp8-35 {
max-width: 88%;
font-size: 56px;
}
.kp8-43 {
padding: 90px 24px;
}
.kp8-47 {
font-size: 17px;
}
.kp8-48 {
padding: 75px 22px;
}
.kp8-75 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.kp8-94 {
padding: 100px 22px;
}
.kp8-96 {
font-size: 54px;
}
.kp8-98 {
flex-direction: column;
align-items: flex-start;
}
.kp8-1 {
height: 68px;
}
.kp8-39 {
display: none;
}
.kp8-36 {
max-width: 76%;
font-size: 16px;
}
.kp8-37 {
left: 22px;
right: 22px;
}
.kp8-41 {
bottom: 58px;
left: 22px;
right: 22px;
}
.kp8-45 {
font-size: 39px;
}
.kp8-49 {
min-height: 430px;
}
.kp8-58 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 0 22px 75px;
}
.kp8-84 {
grid-column-gap: 42px;
grid-row-gap: 42px;
padding: 72px 22px;
}
.kp8-85 {
box-shadow: 9px 9px #721be3;
}
.kp8-88 {
font-size: 76px;
}
.kp8-89 {
font-size: 42px;
}
.kp8-90 {
margin-top: 30px;
}
.kp8-101 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp8-123 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp8-26-after {
background-position: 50% 12%;
background-size: 100%;
}
.kp8-26-before {
background-position: 50%, 50%, 50%, 50% 12%;
background-size: cover, cover, cover, 100%;
}
.kp8-0-before {
opacity: .1;
}
.kp8-17-before {
top: 68px;
}
.kp9-1 {
height: 68px;
}
.kp9-32 {
display: none;
}
.kp9-18 {
border-bottom-width: 8px;
min-height: 660px;
padding: 105px 22px 80px;
}
.kp9-20 {
opacity: .38;
width: 110vw;
height: 110vw;
right: -48%;
}
.kp9-28 {
max-width: 88%;
font-size: 56px;
}
.kp9-29 {
max-width: 76%;
font-size: 16px;
}
.kp9-30 {
left: 22px;
right: 22px;
}
.kp9-35 {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 75px 22px;
}
.kp9-36, .kp9-40, .kp9-44, .kp9-48 {
min-height: 390px;
}
.kp9-56 {
flex-direction: column;
align-items: flex-start;
}
.kp9-59 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 90px;
}
.kp9-81 {
z-index: 60;
color: #210736;
text-align: center;
background-color: #dfff45;
border-radius: 99px;
padding: 15px;
font-size: 13px;
font-weight: 700;
display: block;
position: fixed;
bottom: 10px;
left: 10px;
right: 10px;
}
.kp9-0-before {
opacity: .1;
}
.kp9-17-before {
top: 68px;
}
.kaku-directory-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.kaku-sp-profile {
padding-top: 54px;
padding-bottom: 58px;
}
.kaku-sp-title {
letter-spacing: -2px;
}
.kaku-sp-intro {
font-size: 15px;
}
.kaku-sp-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 44px;
}
.kaku-sp-work {
margin-bottom: 42px;
}
.kaku-sp-detail-grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 479px) {
.kaku-directory-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
}