.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2";content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc";content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container table.tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}@font-face {
font-family: "socicon";
src: url(//www.geek-powa.fr/wp-content/plugins/meks-easy-social-share/assets/fonts/socicon.eot);
src: url(//www.geek-powa.fr/wp-content/plugins/meks-easy-social-share/assets/fonts/socicon.eot?#iefix) format("embedded-opentype"), url(//www.geek-powa.fr/wp-content/plugins/meks-easy-social-share/assets/fonts/socicon.woff) format("woff"), url(//www.geek-powa.fr/wp-content/plugins/meks-easy-social-share/assets/fonts/socicon.ttf) format("truetype"), url(//www.geek-powa.fr/wp-content/plugins/meks-easy-social-share/assets/fonts/socicon.svg#socicon) format("svg");
font-weight: normal;
font-style: normal;
}
.meks_ess .socicon-facebook {
background: #3e5b98;
}
.meks_ess .socicon-facebook:before {
content: "\e028"
}
.meks_ess .socicon-twitter {
background: #222222;
}
.meks_ess .socicon-twitter:before {
content: "\e959"
}
.meks_ess .socicon-pinterest {
background: #c92619;
}
.meks_ess .socicon-pinterest:before {
content: "\e063"
}
.meks_ess .socicon-reddit {
background: #e74a1e;
}
.meks_ess .socicon-reddit:before {
content: "\e06c"
}
.meks_ess .socicon-instagram {
background: #000000;
}
.meks_ess .socicon-instagram:before {
content: "\e044"
}
.meks_ess .socicon-stumbleupon {
background: #e64011;
}
.meks_ess .socicon-stumbleupon:before {
content: "\e082"
}
.meks_ess .socicon-linkedin {
background: #3371b7;
}
.meks_ess .socicon-linkedin:before {
content: "\e04c"
}
.meks_ess .socicon-googleplus {
background: #dd4b39;
}
.meks_ess .socicon-googleplus:before {
content: "\e038"
}
.meks_ess .socicon-whatsapp {
background: #20B038;
}
.meks_ess .socicon-whatsapp:before {
content: "\e099"
}
.meks_ess .socicon-vkontakte {
background: #5a7fa6;
}
.meks_ess .socicon-vkontakte:before {
content: "\e095"
}
.meks_ess .socicon-mail {
background: #000000;
}
.meks_ess .socicon-mail:before {
content: "\e050"
}
.transparent .socicon-facebook:before,
.outline .socicon-facebook:before,
.transparent .socicon-facebook span,
.outline .socicon-facebook span {
color: #3e5b98;
}
.transparent .socicon-twitter:before,
.outline .socicon-twitter:before,
.transparent .socicon-twitter span,
.outline .socicon-twitter span {
color: #222222;
}
.transparent .socicon-pinterest:before,
.outline .socicon-pinterest:before,
.transparent .socicon-pinterest span,
.outline .socicon-pinterest span {
color: #c92619;
}
.transparent .socicon-reddit:before,
.outline .socicon-reddit:before,
.transparent .socicon-reddit span,
.outline .socicon-reddit span {
color: #e74a1e;
}
.transparent .socicon-instagram:before,
.outline .socicon-instagram:before,
.transparent .socicon-instagram span,
.outline .socicon-instagram span {
color: #000000;
}
.transparent .socicon-stumbleupon:before,
.outline .socicon-stumbleupon:before,
.transparent .socicon-stumbleupon span,
.outline .socicon-stumbleupon span {
color: #e64011;
}
.transparent .socicon-linkedin:before,
.outline .socicon-linkedin:before,
.transparent .socicon-linkedin span,
.outline .socicon-linkedin span {
color: #3371b7;
}
.transparent .socicon-googleplus:before,
.outline .socicon-googleplus:before,
.transparent .socicon-googleplus span,
.outline .socicon-googleplus span {
color: #dd4b39;
}
.transparent .socicon-whatsapp:before,
.outline .socicon-whatsapp:before,
.transparent .socicon-whatsapp span,
.outline .socicon-whatsapp span {
color: #20B038;
}
.transparent .socicon-vkontakte:before,
.outline .socicon-vkontakte:before,
.transparent .socicon-vkontakte span,
.outline .socicon-vkontakte span {
color: #5a7fa6;
}
.transparent .socicon-mail:before,
.outline .socicon-mail:before,
.transparent .socicon-mail span,
.outline .socicon-mail span {
color: #000000;
}
body .outline .meks_ess-item.socicon-facebook,
body .outline .meks_ess-item.socicon-facebook:hover {
border-color: #3e5b98;
}
body .outline .meks_ess-item.socicon-twitter,
body .outline .meks_ess-item.socicon-twitter:hover {
border-color: #222222;
}
body .outline .meks_ess-item.socicon-pinterest,
body .outline .meks_ess-item.socicon-pinterest:hover {
border-color: #c92619;
}
body .outline .meks_ess-item.socicon-reddit,
body .outline .meks_ess-item.socicon-reddit:hover {
border-color: #e74a1e;
}
body .outline .meks_ess-item.socicon-instagram,
body .outline .meks_ess-item.socicon-instagram:hover {
border-color: #000000;
}
body .outline .meks_ess-item.socicon-stumbleupon,
body .outline .meks_ess-item.socicon-stumbleupon:hover {
border-color: #e64011;
}
body .outline .meks_ess-item.socicon-linkedin,
body .outline .meks_ess-item.socicon-linkedin:hover {
border-color: #3371b7;
}
body .outline .meks_ess-item.socicon-googleplus,
body .outline .meks_ess-item.socicon-googleplus:hover {
border-color: #dd4b39;
}
body .outline .meks_ess-item.socicon-whatsapp,
body .outline .meks_ess-item.socicon-whatsapp:hover {
border-color: #20B038;
}
body .outline .meks_ess-item.socicon-vkontakte,
body .outline .meks_ess-item.socicon-vkontakte:hover {
border-color: #5a7fa6;
}
body .outline .meks_ess-item.socicon-mail,
body .outline .meks_ess-item.socicon-mail:hover {
border-color: #000000;
}
.meks_ess {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap:wrap;
text-align: center;
padding: 0;
margin: 0 0 20px 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
top: -5px;
}
body .meks_ess .meks_ess-item {
font-style: normal;
text-decoration: none !important;
font-family: inherit;
color: #FFF;
font-size: 16px;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
min-width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px;
margin-top: 5px !important;
box-shadow: none !important;
border: 0;
}
.meks_ess .meks_ess-item:before {
font-family: "socicon" !important;
font-style: normal !important;
font-size: 14px;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-size: inherit;
text-rendering: auto;
}
body .meks_ess .meks_ess-item:hover {
color: #fff;
cursor: pointer;
text-decoration: none;
background-image: -moz-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.1))) !important;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: -ms-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important;
}
body .meks_ess .meks_ess-item:focus {
color: #fff;
text-decoration: none;
outline: none;
}
.meks_ess .meks_ess-item span {
font-family: inherit;
position: relative;
top: -1px;
margin-left: 8px;
}
.meks_ess.no-labels span {
display: none;
}
.meks_ess.transparent .meks_ess-item {
font-size: 1em;
} .meks_ess.outline .meks_ess-item {
border: 1px solid transparent;
background: transparent !important;
}
.meks_ess.outline .meks_ess-item:hover {
border: 1px solid;
}
.meks_ess.transparent .meks_ess-item {
border-radius: 0;
background: transparent !important;
}
.meks_ess.transparent .meks_ess-item:hover {
background: transparent !important;
} .meks_ess.rectangle.no-labels .meks_ess-item {
border-radius: 0;
min-width: 100px;
} .meks_ess.rounded.no-labels .meks_ess-item {
border-radius: 20px;
min-width: 100px;
} .meks_ess.circle, .meks_ess.square, .meks_ess.transparent {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.meks_ess.circle .meks_ess-item, .meks_ess.square .meks_ess-item, .meks_ess.transparent .meks_ess-item {
width: 40px;
border-radius: 50%;
-webkit-box-flex: none; 
-webkit-flex: none; 
-ms-flex: none;
flex: none;
} .meks_ess.square .meks_ess-item {
border-radius: 0;
} .meks_ess.transparent.outline .meks_ess-item {
border: 0;
} .meks_ess.rectangle .meks_ess-item {
border-radius: 0;
min-width: 140px;
} .meks_ess.rounded .meks_ess-item {
border-radius: 20px;
min-width: 140px;
} .meks_ess.transparent .meks_ess-item {
min-width: auto;
width: auto;
margin-right: 25px;
border-radius: 0;
}
.meks_ess.transparent .socicon-facebook {
margin-left: -3px;
}:root {
--gp-bg: #0b0b10;
--gp-bg-2: #111119;
--gp-bg-3: #1a1a24;
--gp-surface: #161620;
--gp-surface-2: #1f1f2c;
--gp-line: rgba(255, 255, 255, 0.08);
--gp-line-strong: rgba(255, 255, 255, 0.14);
--gp-ink: #f5f2e8;
--gp-ink-2: #c9c5b8;
--gp-ink-3: #888274;
--gp-gold: #f7c948;
--gp-gold-2: #ffd76a;
--gp-gold-deep: #c89b1f;
--gp-red: #e23a3a;
--gp-red-2: #ff5a47;
--gp-purple: #7a5cff;
--gp-cyan: #48d1d1;
--gp-font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
--gp-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
--gp-font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;
--gp-r-sm: 6px;
--gp-r-md: 12px;
--gp-r-lg: 18px;
--gp-r-xl: 28px;
--gp-shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 10px 30px rgba(0, 0, 0, 0.35);
--gp-shadow-glow: 0 0 0 1px rgba(247, 201, 72, 0.25), 0 20px 60px rgba(247, 201, 72, 0.12);
--gp-shadow-red: 0 0 0 1px rgba(226, 58, 58, 0.25), 0 20px 60px rgba(226, 58, 58, 0.15); --bg: var(--gp-bg);
--bg-2: var(--gp-bg-2);
--bg-3: var(--gp-bg-3);
--surface: var(--gp-surface);
--surface-2: var(--gp-surface-2);
--line: var(--gp-line);
--line-strong: var(--gp-line-strong);
--ink: var(--gp-ink);
--ink-2: var(--gp-ink-2);
--ink-3: var(--gp-ink-3);
--gold: var(--gp-gold);
--gold-2: var(--gp-gold-2);
--gold-deep: var(--gp-gold-deep);
--red: var(--gp-red);
--red-2: var(--gp-red-2);
--purple: var(--gp-purple);
--cyan: var(--gp-cyan);
--font-display: var(--gp-font-display);
--font-body: var(--gp-font-body);
--font-mono: var(--gp-font-mono);
--r-sm: var(--gp-r-sm);
--r-md: var(--gp-r-md);
--r-lg: var(--gp-r-lg);
--r-xl: var(--gp-r-xl);
--shadow-1: var(--gp-shadow-1);
--shadow-glow: var(--gp-shadow-glow);
--shadow-red: var(--gp-shadow-red);
} body.geek-powa-design {
background: var(--gp-bg);
color: var(--gp-ink);
font-family: var(--gp-font-body);
font-size: 15px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
overflow-x: hidden;
}
body.geek-powa-design a { color: inherit; text-decoration: none; }
body.geek-powa-design img { max-width: 100%; display: block; } body.geek-powa-design .bg-runes {
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
body.geek-powa-design .bg-runes::before,
body.geek-powa-design .bg-runes::after {
content: "";
position: absolute;
inset: -20%;
background:
radial-gradient(600px 400px at 20% 10%, rgba(247, 201, 72, 0.06), transparent 60%),
radial-gradient(500px 500px at 85% 30%, rgba(226, 58, 58, 0.05), transparent 60%),
radial-gradient(700px 400px at 50% 90%, rgba(122, 92, 255, 0.05), transparent 60%);
}
body.geek-powa-design .bg-runes svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0.35;
}
body.geek-powa-design .bg-runes .gp-particle {
position: absolute;
width: 2px;
height: 2px;
background: var(--gp-gold);
border-radius: 50%;
box-shadow: 0 0 8px var(--gp-gold);
opacity: 0;
animation: gp-float 14s linear infinite;
}
@keyframes gp-float {
0% { transform: translateY(100vh) scale(0.5); opacity: 0; }
10% { opacity: 0.7; }
90% { opacity: 0.7; }
100% { transform: translateY(-10vh) scale(1.2); opacity: 0; }
} body.geek-powa-design .app {
position: relative;
z-index: 1;
max-width: 1280px;
margin: 0 auto;
padding: 0 24px 80px;
} body.geek-powa-design .gp-header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(11, 11, 16, 0.85);
backdrop-filter: blur(18px) saturate(140%);
-webkit-backdrop-filter: blur(18px) saturate(140%);
border-bottom: 1px solid var(--gp-line);
}
body.geek-powa-design .gp-header::after {
content: "";
position: absolute;
inset: auto 0 -1px 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--gp-gold) 20%, var(--gp-red) 50%, var(--gp-gold) 80%, transparent);
opacity: 0.5;
}
body.geek-powa-design .gp-header-inner {
max-width: 1280px;
margin: 0 auto;
padding: 14px 24px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 32px;
}
body.geek-powa-design .gp-brand {
display: flex;
align-items: center;
gap: 14px;
cursor: pointer;
}
body.geek-powa-design .gp-brand-mark {
display: flex;
flex-direction: column;
line-height: 1;
}
body.geek-powa-design .gp-brand-name {
font-family: var(--gp-font-display);
font-weight: 700;
font-size: 28px;
letter-spacing: -0.02em;
color: var(--gp-gold);
text-shadow: 0 0 20px rgba(247, 201, 72, 0.3);
}
body.geek-powa-design .gp-brand-tag {
font-family: var(--gp-font-mono);
font-size: 9px;
letter-spacing: 0.14em;
color: var(--gp-gold-deep);
margin-top: 4px;
text-transform: uppercase;
max-width: 340px;
line-height: 1.3;
}
body.geek-powa-design .gp-brand-icons {
display: flex;
gap: 8px;
align-items: center;
margin-left: 8px;
}
body.geek-powa-design .gp-chip {
width: 36px;
height: 36px;
display: grid;
place-items: center;
border-radius: 10px;
background: rgba(226, 58, 58, 0.08);
border: 1px solid rgba(226, 58, 58, 0.3);
color: var(--gp-red-2);
transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
body.geek-powa-design .gp-chip:hover {
transform: translateY(-3px) rotate(-4deg);
background: rgba(226, 58, 58, 0.18);
color: var(--gp-gold-2);
box-shadow: 0 10px 20px rgba(226, 58, 58, 0.25);
} body.geek-powa-design .gp-nav {
display: flex;
justify-content: center;
gap: 4px;
flex-wrap: wrap;
}
body.geek-powa-design .gp-nav a {
padding: 8px 14px;
font-family: var(--gp-font-display);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gp-ink-2);
border-radius: 999px;
position: relative;
transition: color 0.2s ease, background 0.2s ease;
}
body.geek-powa-design .gp-nav a:hover { color: var(--gp-ink); background: rgba(255,255,255,0.04); }
body.geek-powa-design .gp-nav a.active,
body.geek-powa-design .gp-nav a.current-menu-item {
color: var(--gp-bg);
background: var(--gp-gold);
box-shadow: 0 0 20px rgba(247, 201, 72, 0.4);
}
body.geek-powa-design .gp-nav a.hot::after {
content: "";
position: absolute;
top: 6px; right: 6px;
width: 6px; height: 6px;
background: var(--gp-red-2);
border-radius: 50%;
box-shadow: 0 0 8px var(--gp-red-2);
}
body.geek-powa-design .gp-header-right {
display: flex;
align-items: center;
gap: 10px;
}
body.geek-powa-design .gp-icon-btn {
width: 40px;
height: 40px;
border-radius: 10px;
border: 1px solid var(--gp-line-strong);
display: grid;
place-items: center;
color: var(--gp-ink-2);
transition: all 0.2s ease;
background: none;
cursor: pointer;
}
body.geek-powa-design .gp-icon-btn:hover {
border-color: var(--gp-gold);
color: var(--gp-gold);
background: rgba(247, 201, 72, 0.08);
}
body.geek-powa-design .gp-join-btn {
padding: 10px 16px;
border-radius: 10px;
background: linear-gradient(180deg, var(--gp-red-2), var(--gp-red));
color: white;
font-family: var(--gp-font-display);
font-weight: 600;
font-size: 13px;
letter-spacing: 0.04em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 8px;
box-shadow: 0 8px 20px rgba(226, 58, 58, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
text-decoration: none;
}
body.geek-powa-design .gp-join-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(226, 58, 58, 0.4);
} body.geek-powa-design .gp-footer {
margin-top: 100px;
padding-top: 60px;
border-top: 1px solid var(--gp-line);
position: relative;
}
body.geek-powa-design .gp-footer::before {
content: "";
position: absolute;
top: -1px; left: 0; right: 0; height: 1px;
background: linear-gradient(90deg, transparent, var(--gp-gold), var(--gp-red), var(--gp-gold), transparent);
opacity: 0.4;
}
body.geek-powa-design .gp-footer-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1fr;
gap: 48px;
padding-bottom: 40px;
}
body.geek-powa-design .gp-footer-brand {
font-family: var(--gp-font-display);
font-size: 32px;
font-weight: 700;
color: var(--gp-gold);
letter-spacing: -0.02em;
}
body.geek-powa-design .gp-footer-blurb {
color: var(--gp-ink-3);
font-size: 13px;
line-height: 1.6;
margin-top: 10px;
max-width: 300px;
}
body.geek-powa-design .gp-footer h5 {
font-family: var(--gp-font-display);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--gp-gold);
margin: 0 0 16px;
}
body.geek-powa-design .gp-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
body.geek-powa-design .gp-footer li a { color: var(--gp-ink-2); font-size: 13px; transition: color 0.2s; }
body.geek-powa-design .gp-footer li a:hover { color: var(--gp-gold); }
body.geek-powa-design .gp-footer-bottom {
padding: 24px 0;
border-top: 1px solid var(--gp-line);
display: flex;
justify-content: space-between;
font-size: 12px;
color: var(--gp-ink-3);
font-family: var(--gp-font-mono);
letter-spacing: 0.04em;
} body.geek-powa-design .gp-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
border-radius: 10px;
font-family: var(--gp-font-display);
font-weight: 600;
font-size: 13px;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
cursor: pointer;
border: 0;
text-decoration: none;
}
body.geek-powa-design .gp-btn-gold { background: var(--gp-gold); color: var(--gp-bg); box-shadow: 0 8px 20px rgba(247, 201, 72, 0.25); }
body.geek-powa-design .gp-btn-gold:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(247, 201, 72, 0.35); }
body.geek-powa-design .gp-btn-ghost { border: 1px solid var(--gp-line-strong); color: var(--gp-ink); background: transparent; }
body.geek-powa-design .gp-btn-ghost:hover { border-color: var(--gp-gold); color: var(--gp-gold); }
body.geek-powa-design .gp-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gp-gold);
}
body.geek-powa-design .gp-kicker::before {
content: "";
width: 24px; height: 1px;
background: var(--gp-gold);
display: inline-block;
}
body.geek-powa-design .gp-section-title {
font-family: var(--gp-font-display);
font-size: 32px;
font-weight: 700;
letter-spacing: -0.02em;
margin: 0;
}  body.geek-powa-design .gp-hero {
margin: 36px 0 48px;
position: relative;
border-radius: var(--gp-r-xl);
overflow: hidden;
min-height: 440px;
background:
linear-gradient(135deg, rgba(11,11,16,0.6) 0%, rgba(11,11,16,0.85) 50%, rgba(11,11,16,0.95) 100%),
radial-gradient(circle at 70% 40%, rgba(122, 92, 255, 0.4), transparent 55%),
radial-gradient(circle at 20% 80%, rgba(226, 58, 58, 0.3), transparent 55%),
linear-gradient(180deg, #1a1533, #0b0b10);
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 32px;
padding: 48px;
border: 1px solid var(--gp-line);
}
body.geek-powa-design .gp-hero::before {
content: "";
position: absolute;
inset: 0;
background-image:
radial-gradient(circle at 15% 20%, rgba(247, 201, 72, 0.18) 0, transparent 1.5px),
radial-gradient(circle at 85% 30%, rgba(247, 201, 72, 0.12) 0, transparent 1.5px),
radial-gradient(circle at 40% 70%, rgba(247, 201, 72, 0.14) 0, transparent 1.5px),
radial-gradient(circle at 70% 85%, rgba(247, 201, 72, 0.1) 0, transparent 1.5px);
background-size: 300px 300px, 400px 400px, 350px 350px, 500px 500px;
pointer-events: none;
animation: gp-twinkle 8s ease-in-out infinite;
}
@keyframes gp-twinkle { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }
body.geek-powa-design .gp-hero-main { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; }
body.geek-powa-design .gp-hero-tag {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 6px 12px;
border-radius: 999px;
background: rgba(247, 201, 72, 0.1);
border: 1px solid rgba(247, 201, 72, 0.3);
color: var(--gp-gold);
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
width: fit-content;
}
body.geek-powa-design .gp-hero-tag .gp-dot {
width: 6px; height: 6px; border-radius: 50%;
background: var(--gp-gold); box-shadow: 0 0 8px var(--gp-gold);
animation: gp-pulse 2s infinite;
}
@keyframes gp-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
body.geek-powa-design .gp-hero h1 {
font-family: var(--gp-font-display);
font-size: clamp(32px, 4vw, 56px);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.02;
margin: 20px 0 16px;
text-wrap: balance;
}
body.geek-powa-design .gp-hero h1 .gp-accent { color: var(--gp-gold); }
body.geek-powa-design .gp-hero-desc {
color: var(--gp-ink-2);
font-size: 16px;
line-height: 1.6;
max-width: 540px;
text-wrap: pretty;
}
body.geek-powa-design .gp-hero-meta {
display: flex;
gap: 24px;
margin-top: 20px;
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--gp-ink-3);
}
body.geek-powa-design .gp-hero-meta span strong { color: var(--gp-gold); font-weight: 500; }
body.geek-powa-design .gp-hero-cta { display: flex; gap: 12px; margin-top: 24px; }
body.geek-powa-design .gp-hero-side {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 12px;
}
body.geek-powa-design .gp-hero-side-title {
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gp-gold);
margin-bottom: 4px;
display: flex;
align-items: center;
gap: 8px;
}
body.geek-powa-design .gp-hero-side-title::before {
content: "";
width: 16px; height: 1px;
background: var(--gp-gold);
}
body.geek-powa-design .gp-mini-card {
display: grid;
grid-template-columns: 80px 1fr;
gap: 14px;
padding: 12px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid var(--gp-line);
transition: all 0.25s ease;
cursor: pointer;
text-decoration: none;
}
body.geek-powa-design .gp-mini-card:hover {
background: rgba(247, 201, 72, 0.06);
border-color: rgba(247, 201, 72, 0.3);
transform: translateX(4px);
}
body.geek-powa-design .gp-mini-card .gp-thumb {
width: 80px; height: 80px;
border-radius: 10px;
background: linear-gradient(135deg, #2a1f3d, #1a1533);
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
body.geek-powa-design .gp-mini-card .gp-meta {
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
}
body.geek-powa-design .gp-mini-card .gp-cat {
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--gp-gold);
}
body.geek-powa-design .gp-mini-card .gp-title {
font-family: var(--gp-font-display);
font-size: 14px;
font-weight: 600;
line-height: 1.3;
color: var(--gp-ink);
} body.geek-powa-design .gp-main-grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 40px;
align-items: start;
} body.geek-powa-design .gp-sec-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 0 0 24px;
gap: 20px;
}
body.geek-powa-design .gp-sec-head .gp-left { display: flex; flex-direction: column; gap: 6px; }
body.geek-powa-design .gp-sec-head .gp-filter {
display: flex;
gap: 4px;
background: var(--gp-surface);
border: 1px solid var(--gp-line);
border-radius: 10px;
padding: 3px;
}
body.geek-powa-design .gp-sec-head .gp-filter button,
body.geek-powa-design .gp-sec-head .gp-filter a {
padding: 7px 14px;
border-radius: 7px;
font-family: var(--gp-font-display);
font-size: 12px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--gp-ink-3);
transition: all 0.2s;
border: 0;
background: none;
cursor: pointer;
}
body.geek-powa-design .gp-sec-head .gp-filter .active { background: var(--gp-gold); color: var(--gp-bg); font-weight: 600; }
body.geek-powa-design .gp-sec-head .gp-filter button:hover:not(.active) { color: var(--gp-ink); } body.geek-powa-design .gp-cards-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 56px;
}
body.geek-powa-design .gp-card {
position: relative;
border-radius: var(--gp-r-lg);
overflow: hidden;
background: var(--gp-surface);
border: 1px solid var(--gp-line);
transition: transform 0.35s cubic-bezier(.2,.8,.2,1), border-color 0.3s, box-shadow 0.3s;
cursor: pointer;
transform-style: preserve-3d;
text-decoration: none;
color: inherit;
}
body.geek-powa-design .gp-card:hover {
border-color: rgba(247, 201, 72, 0.4);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(247, 201, 72, 0.1);
}
body.geek-powa-design .gp-card .gp-cover {
position: relative;
aspect-ratio: 16 / 10;
background: linear-gradient(135deg, #2a1f3d 0%, #1a1533 60%, #0b0b10 100%);
background-size: cover;
background-position: center;
overflow: hidden;
}
body.geek-powa-design .gp-card .gp-cover::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 30% 40%, rgba(247, 201, 72, 0.3), transparent 50%),
radial-gradient(circle at 70% 60%, rgba(226, 58, 58, 0.2), transparent 50%);
mix-blend-mode: overlay;
}
body.geek-powa-design .gp-card .gp-cover::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(11,11,16,0.6), transparent 40%);
z-index: 1;
}
body.geek-powa-design .gp-card .gp-cat-chip {
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 10px;
border-radius: 999px;
background: rgba(11,11,16,0.7);
backdrop-filter: blur(8px);
border: 1px solid rgba(247, 201, 72, 0.3);
color: var(--gp-gold);
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
text-decoration: none;
}
body.geek-powa-design .gp-card .gp-read-time {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
padding: 5px 10px;
border-radius: 999px;
background: rgba(11,11,16,0.7);
backdrop-filter: blur(8px);
border: 1px solid var(--gp-line-strong);
color: var(--gp-ink-2);
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.08em;
}
body.geek-powa-design .gp-card .gp-body {
padding: 18px 20px 22px;
}
body.geek-powa-design .gp-card h3 {
font-family: var(--gp-font-display);
font-size: 18px;
font-weight: 600;
line-height: 1.25;
margin: 0 0 8px;
letter-spacing: -0.01em;
text-wrap: balance;
color: var(--gp-ink);
}
body.geek-powa-design .gp-card p {
margin: 0;
color: var(--gp-ink-2);
font-size: 13px;
line-height: 1.55;
}
body.geek-powa-design .gp-card .gp-foot {
margin-top: 14px;
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--gp-ink-3);
}
body.geek-powa-design .gp-card .gp-foot .gp-author { color: var(--gp-ink-2); }
body.geek-powa-design .gp-card .gp-foot .gp-go {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--gp-gold);
transition: gap 0.2s;
}
body.geek-powa-design .gp-card:hover .gp-foot .gp-go { gap: 10px; } body.geek-powa-design .gp-card-featured {
grid-column: span 2;
display: grid;
grid-template-columns: 1.2fr 1fr;
min-height: 340px;
}
body.geek-powa-design .gp-card-featured .gp-cover { aspect-ratio: unset; height: 100%; }
body.geek-powa-design .gp-card-featured .gp-body { padding: 32px; display: flex; flex-direction: column; justify-content: center; }
body.geek-powa-design .gp-card-featured h3 { font-size: 28px; line-height: 1.1; }
body.geek-powa-design .gp-card-featured p { font-size: 14px; } body.geek-powa-design .gp-list-view { display: flex; flex-direction: column; gap: 0; }
body.geek-powa-design .gp-list-row {
display: grid;
grid-template-columns: 160px 1fr auto;
gap: 20px;
padding: 20px 0;
border-bottom: 1px solid var(--gp-line);
transition: background 0.2s, padding 0.2s;
cursor: pointer;
align-items: center;
text-decoration: none;
color: inherit;
}
body.geek-powa-design .gp-list-row:hover {
background: rgba(247, 201, 72, 0.03);
padding-left: 12px;
padding-right: 12px;
border-radius: 12px;
}
body.geek-powa-design .gp-list-row .gp-thumb {
width: 160px; height: 100px;
border-radius: 10px;
background: linear-gradient(135deg, #2a1f3d, #1a1533);
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
body.geek-powa-design .gp-list-row .gp-content { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.geek-powa-design .gp-list-row .gp-top-line {
display: flex; gap: 10px; align-items: center;
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
body.geek-powa-design .gp-list-row .gp-top-line .gp-cat { color: var(--gp-gold); }
body.geek-powa-design .gp-list-row .gp-top-line .gp-sep { color: var(--gp-ink-3); }
body.geek-powa-design .gp-list-row .gp-top-line .gp-date { color: var(--gp-ink-3); }
body.geek-powa-design .gp-list-row h4 {
font-family: var(--gp-font-display);
font-size: 17px;
font-weight: 600;
margin: 0;
letter-spacing: -0.01em;
line-height: 1.3;
color: var(--gp-ink);
}
body.geek-powa-design .gp-list-row p {
margin: 0;
color: var(--gp-ink-3);
font-size: 13px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.geek-powa-design .gp-list-row .gp-cta {
width: 40px; height: 40px;
border-radius: 10px;
border: 1px solid var(--gp-line);
display: grid; place-items: center;
color: var(--gp-ink-3);
transition: all 0.25s ease;
}
body.geek-powa-design .gp-list-row:hover .gp-cta {
border-color: var(--gp-gold);
color: var(--gp-gold);
transform: translateX(4px);
} body.geek-powa-design .gp-sidebar { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 20px; }
body.geek-powa-design .gp-sb-card {
background: var(--gp-surface);
border: 1px solid var(--gp-line);
border-radius: var(--gp-r-lg);
padding: 18px;
position: relative;
overflow: hidden;
}
body.geek-powa-design .gp-sb-card h4 {
font-family: var(--gp-font-display);
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gp-gold);
margin: 0 0 14px;
display: flex;
align-items: center;
gap: 8px;
}
body.geek-powa-design .gp-sb-card h4::before {
content: "";
width: 4px; height: 16px;
background: var(--gp-gold);
border-radius: 2px;
} body.geek-powa-design .gp-sb-search {
background: linear-gradient(135deg, rgba(247, 201, 72, 0.05), rgba(226, 58, 58, 0.03));
border-color: rgba(247, 201, 72, 0.2);
}
body.geek-powa-design .gp-sb-search .gp-search-input {
width: 100%;
display: flex;
gap: 0;
background: var(--gp-bg);
border: 1px solid var(--gp-line-strong);
border-radius: 10px;
overflow: hidden;
transition: border-color 0.2s;
}
body.geek-powa-design .gp-sb-search .gp-search-input:focus-within { border-color: var(--gp-gold); }
body.geek-powa-design .gp-sb-search input {
flex: 1;
background: transparent;
border: 0;
padding: 10px 12px;
color: var(--gp-ink);
font-family: var(--gp-font-body);
font-size: 13px;
outline: none;
}
body.geek-powa-design .gp-sb-search input::placeholder { color: var(--gp-ink-3); }
body.geek-powa-design .gp-sb-search button {
padding: 0 14px;
background: var(--gp-gold);
color: var(--gp-bg);
display: grid; place-items: center;
transition: background 0.2s;
border: 0;
cursor: pointer;
}
body.geek-powa-design .gp-sb-search button:hover { background: var(--gp-gold-2); }
body.geek-powa-design .gp-sb-quest-prompt {
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.08em;
color: var(--gp-ink-3);
margin-bottom: 10px;
} body.geek-powa-design .gp-sb-discord {
background: linear-gradient(135deg, #4553d8 0%, #5865f2 100%);
border-color: rgba(255,255,255,0.15);
color: white;
}
body.geek-powa-design .gp-sb-discord h4 { color: white; }
body.geek-powa-design .gp-sb-discord h4::before { background: white; }
body.geek-powa-design .gp-sb-discord .gp-channels {
display: flex;
flex-direction: column;
gap: 4px;
margin: 12px 0;
max-height: 180px;
overflow: hidden;
}
body.geek-powa-design .gp-sb-discord .gp-ch {
padding: 6px 10px;
border-radius: 6px;
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(0,0,0,0.15);
font-size: 12px;
transition: background 0.2s;
}
body.geek-powa-design .gp-sb-discord .gp-ch:hover { background: rgba(0,0,0,0.3); }
body.geek-powa-design .gp-sb-discord .gp-members-line {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,0.15);
font-size: 12px;
}
body.geek-powa-design .gp-sb-discord .gp-online-dot {
display: inline-block;
width: 8px; height: 8px;
border-radius: 50%;
background: #3ba55d;
box-shadow: 0 0 8px #3ba55d;
margin-right: 6px;
}
body.geek-powa-design .gp-sb-discord .gp-join-discord {
display: block;
margin-top: 12px;
padding: 10px;
background: white;
color: #4553d8;
text-align: center;
border-radius: 8px;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
transition: transform 0.2s;
text-decoration: none;
}
body.geek-powa-design .gp-sb-discord .gp-join-discord:hover { transform: translateY(-2px); } body.geek-powa-design .gp-sb-feature { padding: 0; overflow: hidden; }
body.geek-powa-design .gp-sb-feature .gp-feat-img {
aspect-ratio: 3 / 4;
background:
linear-gradient(0deg, rgba(11,11,16,0.9), rgba(11,11,16,0) 50%),
linear-gradient(135deg, #5a2e1a, #2a1a0f);
background-size: cover;
background-position: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 16px;
} body.geek-powa-design .gp-sb-cats { padding: 0; }
body.geek-powa-design .gp-sb-cats h4 { padding: 18px 18px 10px; margin: 0; }
body.geek-powa-design .gp-sb-cats ul { list-style: none; margin: 0; padding: 0; max-height: 380px; overflow: hidden; position: relative; }
body.geek-powa-design .gp-sb-cats ul.gp-expanded { max-height: none; }
body.geek-powa-design .gp-sb-cats ul:not(.gp-expanded)::after {
content: "";
position: absolute;
bottom: 0; left: 0; right: 0;
height: 60px;
background: linear-gradient(0deg, var(--gp-surface), transparent);
pointer-events: none;
}
body.geek-powa-design .gp-sb-cats li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 18px;
border-top: 1px solid var(--gp-line);
font-family: var(--gp-font-display);
font-size: 12px;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.2s;
}
body.geek-powa-design .gp-sb-cats li:hover { background: rgba(247, 201, 72, 0.05); color: var(--gp-gold); padding-left: 24px; }
body.geek-powa-design .gp-sb-cats li .gp-count {
font-family: var(--gp-font-mono);
background: var(--gp-bg);
color: var(--gp-gold);
padding: 3px 8px;
border-radius: 6px;
font-size: 10px;
min-width: 28px;
text-align: center;
border: 1px solid var(--gp-line);
}
body.geek-powa-design .gp-sb-cats .gp-toggle {
width: 100%;
padding: 14px;
border: 0;
border-top: 1px solid var(--gp-line);
font-family: var(--gp-font-display);
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gp-gold);
text-align: center;
transition: background 0.2s;
background: none;
cursor: pointer;
}
body.geek-powa-design .gp-sb-cats .gp-toggle:hover { background: rgba(247, 201, 72, 0.05); } body.geek-powa-design .gp-sb-newsletter {
background:
radial-gradient(circle at 70% 20%, rgba(247, 201, 72, 0.1), transparent 50%),
var(--gp-surface);
}
body.geek-powa-design .gp-sb-newsletter p {
margin: 0 0 12px;
font-size: 12px;
color: var(--gp-ink-2);
line-height: 1.5;
}
body.geek-powa-design .gp-sb-newsletter input {
width: 100%;
background: var(--gp-bg);
border: 1px solid var(--gp-line-strong);
border-radius: 8px;
padding: 10px 12px;
color: var(--gp-ink);
font-size: 13px;
font-family: var(--gp-font-body);
margin-bottom: 8px;
outline: none;
}
body.geek-powa-design .gp-sb-newsletter input:focus { border-color: var(--gp-gold); }
body.geek-powa-design .gp-sb-newsletter button {
width: 100%;
padding: 10px;
background: var(--gp-gold);
color: var(--gp-bg);
border: 0;
border-radius: 8px;
font-weight: 600;
font-size: 12px;
font-family: var(--gp-font-display);
text-transform: uppercase;
letter-spacing: 0.08em;
transition: background 0.2s;
cursor: pointer;
}
body.geek-powa-design .gp-sb-newsletter button:hover { background: var(--gp-gold-2); } body.geek-powa-design .gp-article-wrap {
display: grid;
grid-template-columns: 220px 1fr 320px;
gap: 40px;
margin-top: 36px;
align-items: start;
}
body.geek-powa-design .gp-toc {
position: sticky;
top: 90px;
padding: 20px 0;
border-left: 1px solid var(--gp-line);
padding-left: 20px;
}
body.geek-powa-design .gp-toc h5 {
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gp-gold);
margin: 0 0 14px;
}
body.geek-powa-design .gp-toc ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px; }
body.geek-powa-design .gp-toc li a {
display: block;
padding: 7px 10px;
font-size: 12.5px;
color: var(--gp-ink-3);
border-radius: 6px;
border-left: 2px solid transparent;
margin-left: -22px;
padding-left: 20px;
line-height: 1.35;
transition: all 0.2s;
}
body.geek-powa-design .gp-toc li a:hover { color: var(--gp-ink-2); }
body.geek-powa-design .gp-toc li.gp-active a {
color: var(--gp-gold);
border-left-color: var(--gp-gold);
background: rgba(247, 201, 72, 0.05);
}
body.geek-powa-design .gp-toc .gp-progress-wrap {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--gp-line);
display: flex;
flex-direction: column;
gap: 8px;
}
body.geek-powa-design .gp-toc .gp-progress-label {
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gp-ink-3);
display: flex;
justify-content: space-between;
}
body.geek-powa-design .gp-toc .gp-progress-label strong { color: var(--gp-gold); }
body.geek-powa-design .gp-toc .gp-progress-bar {
height: 6px;
background: var(--gp-bg);
border-radius: 3px;
overflow: hidden;
border: 1px solid var(--gp-line);
}
body.geek-powa-design .gp-toc .gp-progress-fill {
height: 100%;
background: linear-gradient(90deg, var(--gp-gold), var(--gp-gold-2));
border-radius: 3px;
box-shadow: 0 0 10px var(--gp-gold);
transition: width 0.1s linear;
width: 0%;
}
body.geek-powa-design .gp-article {
max-width: 720px;
font-size: 16px;
line-height: 1.75;
color: var(--gp-ink);
}
body.geek-powa-design .gp-article-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gp-gold);
margin-bottom: 14px;
}
body.geek-powa-design .gp-article-kicker::before { content: "◆"; color: var(--gp-gold); }
body.geek-powa-design .gp-article h1 {
font-family: var(--gp-font-display);
font-size: clamp(32px, 3.5vw, 48px);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.05;
margin: 0 0 20px;
text-wrap: balance;
}
body.geek-powa-design .gp-article-meta {
display: flex;
gap: 20px;
align-items: center;
padding: 16px 0;
border-top: 1px solid var(--gp-line);
border-bottom: 1px solid var(--gp-line);
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.08em;
color: var(--gp-ink-3);
margin-bottom: 36px;
flex-wrap: wrap;
}
body.geek-powa-design .gp-article-meta .gp-author {
display: flex;
align-items: center;
gap: 10px;
color: var(--gp-ink-2);
}
body.geek-powa-design .gp-article-meta .gp-avatar {
width: 32px; height: 32px;
border-radius: 50%;
background: linear-gradient(135deg, var(--gp-gold), var(--gp-red));
display: grid; place-items: center;
font-family: var(--gp-font-display);
font-weight: 700;
font-size: 12px;
color: var(--gp-bg);
overflow: hidden;
}
body.geek-powa-design .gp-article-hero {
aspect-ratio: 16/9;
border-radius: var(--gp-r-lg);
background:
radial-gradient(circle at 30% 40%, rgba(247, 201, 72, 0.25), transparent 50%),
radial-gradient(circle at 70% 60%, rgba(122, 92, 255, 0.3), transparent 50%),
linear-gradient(135deg, #2a1f3d, #1a1533);
background-size: cover;
background-position: center;
margin: 0 0 32px;
position: relative;
overflow: hidden;
}
body.geek-powa-design .gp-article p { margin: 0 0 22px; color: var(--gp-ink-2); }
body.geek-powa-design .gp-article p strong,
body.geek-powa-design .gp-article p b { color: var(--gp-ink); }
body.geek-powa-design .gp-article p .gp-highlight { color: var(--gp-gold); font-weight: 500; }
body.geek-powa-design .gp-article h2 {
font-family: var(--gp-font-display);
font-size: 28px;
font-weight: 700;
letter-spacing: -0.01em;
margin: 48px 0 18px;
padding-top: 8px;
color: var(--gp-ink);
display: flex;
align-items: center;
gap: 14px;
}
body.geek-powa-design .gp-article h2::before {
content: "";
width: 6px; height: 28px;
background: var(--gp-gold);
border-radius: 3px;
box-shadow: 0 0 12px var(--gp-gold);
flex-shrink: 0;
}
body.geek-powa-design .gp-article h3 {
font-family: var(--gp-font-display);
font-size: 20px;
font-weight: 600;
margin: 32px 0 12px;
color: var(--gp-ink);
} body.geek-powa-design .gp-callout {
margin: 32px 0;
padding: 20px 24px;
border-radius: 14px;
display: grid;
grid-template-columns: 40px 1fr;
gap: 16px;
position: relative;
overflow: hidden;
}
body.geek-powa-design .gp-callout .gp-c-icon {
width: 40px; height: 40px;
border-radius: 10px;
display: grid; place-items: center;
font-family: var(--gp-font-display);
font-weight: 700;
font-size: 18px;
flex-shrink: 0;
}
body.geek-powa-design .gp-callout.gp-bref {
background: rgba(247, 201, 72, 0.06);
border: 1px solid rgba(247, 201, 72, 0.25);
}
body.geek-powa-design .gp-callout.gp-bref::before {
content: "";
position: absolute; inset: 0;
background: radial-gradient(ellipse at 0% 50%, rgba(247, 201, 72, 0.1), transparent 50%);
pointer-events: none;
}
body.geek-powa-design .gp-callout.gp-bref .gp-c-icon { background: var(--gp-gold); color: var(--gp-bg); }
body.geek-powa-design .gp-callout.gp-astuce {
background: rgba(122, 92, 255, 0.06);
border: 1px solid rgba(122, 92, 255, 0.25);
}
body.geek-powa-design .gp-callout.gp-astuce .gp-c-icon { background: var(--gp-purple); color: white; }
body.geek-powa-design .gp-callout.gp-warning {
background: rgba(226, 58, 58, 0.06);
border: 1px solid rgba(226, 58, 58, 0.25);
}
body.geek-powa-design .gp-callout.gp-warning .gp-c-icon { background: var(--gp-red); color: white; }
body.geek-powa-design .gp-callout .gp-c-body { font-size: 15px; line-height: 1.6; color: var(--gp-ink); }
body.geek-powa-design .gp-callout .gp-c-label {
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gp-gold);
margin-bottom: 6px;
}
body.geek-powa-design .gp-callout.gp-astuce .gp-c-label { color: var(--gp-purple); }
body.geek-powa-design .gp-callout.gp-warning .gp-c-label { color: var(--gp-red-2); } body.geek-powa-design .gp-article-actions {
position: sticky;
bottom: 24px;
display: flex;
gap: 8px;
justify-content: center;
margin-top: 40px;
padding: 12px;
background: rgba(20, 20, 28, 0.9);
backdrop-filter: blur(12px);
border: 1px solid var(--gp-line-strong);
border-radius: 999px;
width: fit-content;
margin-left: auto;
margin-right: auto;
box-shadow: 0 10px 40px rgba(0,0,0,0.4);
z-index: 40;
}
body.geek-powa-design .gp-article-actions button {
padding: 8px 14px;
border-radius: 999px;
color: var(--gp-ink-2);
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 6px;
transition: all 0.2s;
background: none;
border: 0;
cursor: pointer;
}
body.geek-powa-design .gp-article-actions button:hover { background: rgba(247, 201, 72, 0.1); color: var(--gp-gold); }
body.geek-powa-design .gp-article-actions button.gp-liked { color: var(--gp-red-2); } body.geek-powa-design .gp-cat-banner {
margin: 36px 0 40px;
padding: 56px 48px;
border-radius: var(--gp-r-xl);
position: relative;
overflow: hidden;
background:
linear-gradient(135deg, rgba(11,11,16,0.3), rgba(11,11,16,0.85)),
radial-gradient(circle at 80% 20%, rgba(247, 201, 72, 0.3), transparent 50%),
radial-gradient(circle at 20% 80%, rgba(226, 58, 58, 0.25), transparent 50%),
linear-gradient(180deg, #2a1a33, #0b0b10);
border: 1px solid var(--gp-line);
}
body.geek-powa-design .gp-cat-banner::before {
content: "D20";
position: absolute;
top: 50%; right: 60px;
transform: translateY(-50%) rotate(12deg);
font-family: var(--gp-font-display);
font-size: 280px;
font-weight: 700;
color: rgba(247, 201, 72, 0.08);
letter-spacing: -0.04em;
line-height: 1;
pointer-events: none;
}
body.geek-powa-design .gp-cat-banner .gp-inner { position: relative; max-width: 700px; }
body.geek-powa-design .gp-cat-banner .gp-breadcrumb {
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gp-ink-3);
margin-bottom: 14px;
display: flex;
gap: 8px;
}
body.geek-powa-design .gp-cat-banner .gp-breadcrumb a:hover { color: var(--gp-gold); }
body.geek-powa-design .gp-cat-banner h1 {
font-family: var(--gp-font-display);
font-size: clamp(40px, 5vw, 72px);
font-weight: 700;
letter-spacing: -0.03em;
line-height: 0.98;
margin: 0 0 16px;
color: var(--gp-ink);
}
body.geek-powa-design .gp-cat-banner h1 .gp-hl { color: var(--gp-gold); }
body.geek-powa-design .gp-cat-banner p {
font-size: 16px;
color: var(--gp-ink-2);
line-height: 1.6;
max-width: 560px;
text-wrap: pretty;
}
body.geek-powa-design .gp-cat-stats {
display: flex;
gap: 32px;
margin-top: 24px;
}
body.geek-powa-design .gp-cat-stat .gp-num {
font-family: var(--gp-font-display);
font-size: 32px;
font-weight: 700;
color: var(--gp-gold);
line-height: 1;
}
body.geek-powa-design .gp-cat-stat .gp-lbl {
font-family: var(--gp-font-mono);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gp-ink-3);
margin-top: 4px;
}
body.geek-powa-design .gp-subcat-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 24px 0 40px;
}
body.geek-powa-design .gp-subcat-pills .gp-pill {
padding: 8px 14px;
border-radius: 999px;
background: var(--gp-surface);
border: 1px solid var(--gp-line-strong);
font-family: var(--gp-font-mono);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--gp-ink-2);
transition: all 0.2s;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
text-decoration: none;
}
body.geek-powa-design .gp-subcat-pills .gp-pill:hover { color: var(--gp-gold); border-color: rgba(247, 201, 72, 0.4); }
body.geek-powa-design .gp-subcat-pills .gp-pill.gp-active {
background: var(--gp-gold); color: var(--gp-bg); border-color: var(--gp-gold);
font-weight: 600;
}
body.geek-powa-design .gp-subcat-pills .gp-pill .gp-n { font-size: 10px; opacity: 0.7; }
body.geek-powa-design .gp-subcat-pills .gp-pill.gp-active .gp-n { opacity: 1; } body.geek-powa-design .gp-tilt-card {
transition: transform 0.3s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s;
will-change: transform;
} body.geek-powa-design .app > * {
animation: gp-page-in 0.5s cubic-bezier(.2,.8,.2,1);
}
@keyframes gp-page-in {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}  body.geek-powa-design .elementor-section { background: transparent; } body.admin-bar.geek-powa-design .gp-header { top: 32px; }
@media (max-width: 782px) {
body.admin-bar.geek-powa-design .gp-header { top: 46px; }
} @media (max-width: 1024px) {
body.geek-powa-design .gp-main-grid,
body.geek-powa-design .gp-article-wrap { grid-template-columns: 1fr; }
body.geek-powa-design .gp-sidebar { position: static; }
body.geek-powa-design .gp-toc { display: none; }
body.geek-powa-design .gp-hero { grid-template-columns: 1fr; padding: 32px 24px; }
}
@media (max-width: 720px) {
body.geek-powa-design .gp-cards-grid { grid-template-columns: 1fr; }
body.geek-powa-design .gp-card-featured { grid-column: span 1; grid-template-columns: 1fr; }
body.geek-powa-design .gp-header-inner { grid-template-columns: 1fr auto; gap: 16px; }
body.geek-powa-design .gp-brand-icons,
body.geek-powa-design .gp-nav { display: none; }
body.geek-powa-design .gp-list-row { grid-template-columns: 100px 1fr; }
body.geek-powa-design .gp-list-row .gp-thumb { width: 100px; height: 70px; }
body.geek-powa-design .gp-list-row .gp-cta { display: none; }
body.geek-powa-design .gp-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}