:root{--font-sans: Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-black: oklch(0 0 0);--color-white: oklch(1 0 0);--color-text-darker: oklch(.115 0 0 / 85%);--color-panel-dark: #0f0f0f;--color-surface-light: #f4f4f5;--color-surface-dark: oklch(.12 0 0 / 50%);--color-surface-mid: oklch(.708 0 0);--color-accent-soft: oklch(.708 0 0);--color-panel-strong: rgba(9, 9, 11, .78);--color-panel-soft: rgba(255, 255, 255, .05);--color-content-background: oklch(.145 0 0);--color-content-card: oklch(.205 0 0);--color-content-muted: oklch(.269 0 0);--color-content-foreground: oklch(.985 0 0);--color-content-muted-foreground: oklch(.708 0 0);--color-content-border: oklch(1 0 0 / 10%);--color-dark-footer: oklch(.12 0 0);--color-dark--raw-l: .145;--color-dark--raw-c: 0;--color-dark--raw-h: 0;--color-dark-d3: oklch(calc(var(--color-dark--raw-l) - 30%) var(--color-dark--raw-c) var(--color-dark--raw-h));--color-dark-d2: oklch(calc(var(--color-dark--raw-l) - 20%) var(--color-dark--raw-c) var(--color-dark--raw-h));--color-dark-d1: oklch(calc(var(--color-dark--raw-l) - 10%) var(--color-dark--raw-c) var(--color-dark--raw-h));--color-dark: oklch(var(--color-dark--raw-l) var(--color-dark--raw-c) var(--color-dark--raw-h));--color-dark-l1: oklch(calc(var(--color-dark--raw-l) + 10%) var(--color-dark--raw-c) var(--color-dark--raw-h));--color-dark-l2: oklch(calc(var(--color-dark--raw-l) + 20%) var(--color-dark--raw-c) var(--color-dark--raw-h));--color-dark-l3: oklch(calc(var(--color-dark--raw-l) + 30%) var(--color-dark--raw-c) var(--color-dark--raw-h));--color-white-85: oklch(1 0 0 / 85%);--color-white-72: oklch(1 0 0 / 72%);--color-white-55: oklch(1 0 0 / 55%);--color-white-32: oklch(1 0 0 / 32%);--color-white-28: oklch(1 0 0 / 28%);--color-white-18: oklch(1 0 0 / 18%);--color-white-08: oklch(1 0 0 / 08%);--color-black-55: oklch(0 0 0 / 55%);--color-black-25: oklch(0 0 0 / 25%);--color-overlay-dark: oklch(.17 0 0 / 35%);--color-overlay-transparent: oklch(.17 0 0 / 0%);--color-button-dark: rgba(9, 9, 11, .28);--color-button-dark-hover: rgba(9, 9, 11, .36);--success: #58cf7b;--success-soft: rgba(88, 207, 123, .2);--success-text: #d2ffe0;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-4-5: 18px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-18: 72px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-4xl: 40px;--text-5xl: 54px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--border-light: 1px solid var(--color-white-08);--shadow-button-hover: 0 10px 24px rgba(0, 0, 0, .22);--shadow-panel: 0 24px 50px rgba(0, 0, 0, .28);--transition-fast: .2s ease;--transition-slow: .4s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{scrollbar-color:oklch(40% 0 0deg) var(--color-dark-footer)}body{font-family:var(--font-sans);background:var(--color-content-background);color:var(--color-white)}img{user-select:none}@keyframes fadeIn{to{opacity:1}}header{background:var(--color-overlay-dark);backdrop-filter:blur(14px) saturate(140%);position:fixed;top:0;left:0;width:100%;height:80px;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-12);border-bottom:var(--border-light);transition:background var(--transition-slow),backdrop-filter var(--transition-slow),border-color var(--transition-slow)}header.at-top{background:transparent;backdrop-filter:blur(0);border-bottom-color:transparent}.logo{display:flex;align-items:center;gap:var(--space-3-5)}.logo img{height:60px;display:block;opacity:1;transition:opacity var(--transition-fast)}.logo-text{font-size:var(--text-lg);font-weight:700;letter-spacing:2px;line-height:1;opacity:1;transition:opacity var(--transition-fast)}header.at-top .logo img,header.at-top .logo-text{opacity:0}nav ul{list-style:none;display:flex;gap:var(--space-8)}nav a{color:var(--color-white);text-decoration:none;font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;transition:color var(--transition-fast),text-shadow var(--transition-fast)}nav a:hover{color:var(--color-white-72);text-shadow:0 0 10px rgba(0,0,0,.35)}main{position:relative;z-index:1}.banner{min-height:100vh;display:flex;justify-content:center;align-items:center;padding-top:92px;padding-bottom:var(--space-14);text-align:center;position:relative;overflow:hidden;opacity:0;animation:fadeIn 1.2s ease forwards}.banner-content{position:relative;z-index:3;transform:translateY(-18px)}.banner-logo{display:flex;justify-content:center;margin:0 auto var(--space-4-5);pointer-events:none}.banner-logo img{width:221px;max-width:44vw;height:auto;display:block}.banner:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,0) 1px,transparent 1px,transparent 6px),radial-gradient(circle at 50% 30%,var(--color-black-25),var(--color-black-55));background-size:100% 6px,100% 100%;background-position:0 0,0 0;animation:scanline-drift 28s linear infinite}.banner:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0) 100%,var(--color-white-08) 100%,rgba(255,255,255,.18) 100%,var(--color-white-32) 100%)}@keyframes scanline-drift{0%{background-position:0 0,0 0}to{background-position:0 60px,0 0}}.banner h1{font-size:var(--text-5xl);letter-spacing:2px;margin-bottom:var(--space-2)}.banner p{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-white);margin-bottom:var(--space-4)}.banner-subtitle{position:relative}.banner-buttons{display:flex;gap:var(--space-3);justify-content:center}.btn{background:var(--color-overlay-dark);backdrop-filter:blur(14px) saturate(140%);display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:140px;padding:var(--space-2-5) var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{background:var(--color-surface-dark);border-color:var(--color-white);color:var(--color-white);box-shadow:var(--shadow-button-hover)}.btn-primary{background:var(--color-surface-light);border-color:var(--color-surface-light);color:var(--color-text-darker)}.btn-secondary{background:var(--color-surface-dark);border-color:#ffffff3d;color:#cecece}.overview-section{padding:var(--space-16) var(--space-12);display:grid;gap:var(--space-16)}.section-block{width:min(1280px,100%);margin:0 auto}.section-block h2{margin-bottom:var(--space-5);font-size:40px;line-height:1.15;letter-spacing:.03em}.section-block>p{color:var(--color-content-muted-foreground);font-size:17px;line-height:1.85}.about-section{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(220px,.8fr);gap:var(--space-10);align-items:center}.about-section p{color:var(--color-content-muted-foreground);font-size:17px;line-height:1.85}.about-logo{display:flex;justify-content:center}.about-logo img{width:min(100%,260px);height:auto;display:block;opacity:.9}.offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.offer-item{backdrop-filter:blur(14px) saturate(140%);padding:var(--space-6);border:var(--border-light);border-radius:var(--radius-lg);background:var(--color-overlay-dark);box-shadow:0 18px 40px #00000024}.offer-eyebrow{margin-bottom:var(--space-2);color:var(--color-surface-mid);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase}.offer-item h3{margin-bottom:var(--space-3);font-size:26px;line-height:1.25;letter-spacing:.02em}.offer-item p:last-child{color:var(--color-content-muted-foreground);font-size:17px;line-height:1.8}@media(max-width:900px){.banner-logo img{width:135px}.overview-section{padding:var(--space-14) var(--space-5)}.offer-list{grid-template-columns:1fr}.about-section{grid-template-columns:1fr;gap:var(--space-6)}.about-logo{order:-1}}@media(max-width:768px){.banner h1{font-size:var(--text-4xl)}.banner-buttons{flex-direction:column}header{padding:0 var(--space-5)}.logo-text{display:none}nav ul{gap:var(--space-4)}.section-block h2{font-size:34px}.offer-item h3{font-size:23px}}.banner-chevron{position:absolute;left:50%;bottom:var(--space-4-5);transform:translate(-50%);font-size:30px;line-height:1;color:var(--color-white-72);font-variation-settings:"wght" 100,"FILL" 0,"GRAD" -25,"opsz" 24;user-select:none;opacity:.8;z-index:3}a.text-link{color:var(--color-white-72);text-decoration:none;transition:color var(--transition-fast),text-decoration var(--transition-fast)}a.text-link:hover{color:var(--color-white-85);text-decoration:underline}:root{--panel-2: var(--color-content-background);--panel-3: var(--color-button-dark);--text: #f4f5f7;--muted: #b5bac1;--text-strong: #ffffff;--text-emphasis: #f2f3f5;--text-pre: #eef0f2;--border: #2b2d31;--border-strong: #2f3136;--border-subtle: #31343b;--border-hover: #4b4e57;--border-inset: #222429;--border-check: #7f8590;--accent: #5865f2;--error: #f23f43;--accent-soft-1: rgba(106, 166, 255, .16);--accent-soft-2: rgba(88, 101, 242, .52);--accent-mention-bg: rgba(88, 101, 242, .34);--accent-mention-bg-hover: rgba(88, 101, 242, .46);--accent-mention-text: #d7dbff;--surface-elev-1: #1b1d22;--surface-elev-2: #17191d;--surface-elev-3: #16181c;--surface-elev-4: #2c2f36;--error-outline: rgba(255, 107, 107, .25);--border-width: 1px;--size-arrow: 6px;--size-cell: 20px;--size-clear-btn: 28px;--input-clear-padding-right: 34px;--control-height: 42px;--select-arrow-focus: #d3d7de;--hover-ghost: rgba(255, 255, 255, .03);--transition-cell: 80ms ease;--shadow-panel: 0 10px 24px rgba(0, 0, 0, .22);--shadow-popover: 0 10px 24px rgba(0, 0, 0, .28);--focus-ring: 0 0 0 3px rgba(88, 101, 242, .26);--error-ring: 0 0 0 3px rgba(242, 63, 67, .24);--font-xs: .86rem;--font-sm: .9rem;--color-scrollbar-track: rgba(255, 255, 255, .06);--color-scrollbar-thumb: rgba(255, 255, 255, .24);--color-scrollbar-thumb-hover: rgba(255, 255, 255, .34)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--surface-elev-1);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);padding:var(--space-0-5) var(--radius-sm)}.hidden{display:none!important}.wrap{max-width:980px;margin:var(--space-6) auto;padding:0 var(--space-4) 32px}h1{margin:0 0 var(--space-2);font-size:1.32rem;font-weight:700;letter-spacing:0}p.note{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--font-xs)}.discord-mention{display:inline;padding:0 var(--space-0-5);border-radius:var(--space-1);background:var(--accent-mention-bg);color:var(--accent-mention-text);font-weight:500;text-decoration:none;line-height:1.25}.discord-mention:hover{background:var(--accent-mention-bg-hover);color:var(--text-strong);text-decoration:none}.card{background:var(--color-overlay-dark);backdrop-filter:blur(14px) saturate(140%);margin-bottom:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--border-inset);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.row{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.field>div{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding-right:0}label{display:block;margin:0;color:var(--text-emphasis);font-size:1rem;font-weight:700;letter-spacing:0;text-transform:none}.desc{display:block;margin:0;color:var(--muted);font-size:var(--font-sm);font-weight:400;line-height:1.35}.error{margin-top:var(--space-1);min-height:1.1em;color:var(--error);font-size:.82rem;font-weight:600}.bottom-error{margin-top:var(--space-2);color:var(--error);font-size:.95rem;font-weight:600}.field>div>.desc{order:2}.field>div>input,.field>div>textarea,.field>div>.plain-options,.field>div>.agree-line,.field>div>.timegrid-root,.field>div>.input-clear-wrap,.field>div>.discord-select,.field>div>select{order:3}.field>div>.error{order:4;margin-top:0}input[type=text],input[type=number],input[type=time],select,textarea{width:100%;padding:var(--space-2-5) var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-2);color:var(--text);font:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}textarea{min-height:var(--control-height);resize:none;overflow:hidden}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.field.invalid input:focus,.field.invalid textarea:focus,.field.invalid select:focus{border-color:var(--error)!important;box-shadow:var(--error-ring)}.field.invalid input,.field.invalid textarea,.field.invalid .plain-options{border-color:var(--error)!important;outline-color:var(--error-outline)}.field.invalid .timegrid-day{border-color:var(--error)!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - var(--space-0-5)),calc(100% - 13px) calc(50% - var(--space-0-5));background-size:var(--size-arrow) var(--size-arrow),var(--size-arrow) var(--size-arrow);background-repeat:no-repeat}select:hover{border-color:var(--border-hover);background-color:var(--surface-elev-2)}select:focus{background-image:linear-gradient(45deg,transparent 50%,var(--select-arrow-focus) 50%),linear-gradient(135deg,var(--select-arrow-focus) 50%,transparent 50%)}.discord-select{position:relative}.discord-select-trigger{position:relative;width:100%;min-height:var(--control-height);padding:var(--space-2-5) 38px var(--space-2-5) var(--space-3);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.discord-select-trigger:after{content:"";position:absolute;right:var(--space-3);top:50%;width:var(--space-2);height:var(--space-2);border-right:var(--space-0-5) solid var(--muted);border-bottom:var(--space-0-5) solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform var(--transition-fast)}.discord-select-trigger:hover{border-color:var(--border-hover);background:var(--surface-elev-2)}.discord-select.open .discord-select-trigger,.discord-select-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.discord-select.open .discord-select-trigger:after{transform:translateY(-35%) rotate(-135deg)}.discord-select-menu{position:absolute;left:0;right:0;top:calc(100% + var(--size-arrow));z-index:20;display:none;padding:var(--space-1);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-2);box-shadow:var(--shadow-popover)}.discord-select.open .discord-select-menu{display:block}.discord-select-option{width:100%;padding:var(--space-2) var(--space-2-5);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.discord-select-option:hover{background:var(--surface-elev-1);filter:none}.input-clear-wrap{position:relative}.input-clear-wrap>input,.input-clear-wrap>textarea{padding-right:var(--input-clear-padding-right)}.inline-clear-btn{position:absolute;right:var(--space-2);top:50%;display:none;align-items:center;justify-content:center;width:var(--size-clear-btn);height:var(--size-clear-btn);padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:transparent;font-size:0;font-weight:600;line-height:1;opacity:.72;cursor:pointer;transform:translateY(-50%);transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.input-clear-wrap>textarea+.inline-clear-btn{top:var(--space-2);transform:none}.input-clear-wrap.has-value .inline-clear-btn{display:inline-flex}.inline-clear-btn:hover{background:var(--surface-elev-4);opacity:1;filter:none}.input-clear-wrap:focus-within .inline-clear-btn{opacity:1}.inline-clear-btn:before{content:"";display:block;width:var(--space-4);height:var(--space-4);background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b5bac1' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6l-12 12'/%3E%3C/svg%3E")}.inline-clear-btn:hover:before,.input-clear-wrap:focus-within .inline-clear-btn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f3f5' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6l-12 12'/%3E%3C/svg%3E")}.plain-options{display:flex;flex-direction:column;gap:0;padding:var(--space-0-5) 0}.plain-option{position:relative;width:100%}.plain-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.plain-option label{display:flex;align-items:center;gap:var(--space-2-5);width:100%;margin:0;padding:var(--radius-sm) 0;border:none;background:transparent;color:var(--text);font-size:1rem;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.plain-option label:before{content:"";width:var(--size-cell);height:var(--size-cell);flex:0 0 var(--size-cell);box-sizing:border-box;border:var(--border-width) solid var(--border-check);border-radius:var(--space-1);background:transparent;transition:all var(--transition-fast)}.plain-option label:hover{color:var(--text-strong)}.plain-option input[type=checkbox]:checked+label{color:var(--text-strong)}.plain-option input[type=checkbox]:checked+label:before{border-color:var(--accent);background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 10.5l3.3 3.3 7.2-7.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:13px 13px}.agree-line{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-0-5) 0}.agree-input{position:absolute;opacity:0;pointer-events:none}.agree-tag{background:var(--color-overlay-dark);backdrop-filter:blur(14px) saturate(140%);display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:30px;padding:0 var(--space-2-5);border:1px solid oklch(100% 0 0deg / .24);border-radius:var(--radius-sm);background:var(--color-surface-dark);color:#cecece;font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.agree-tag:hover{background:var(--color-surface-dark);border-color:var(--color-white);color:var(--color-white);box-shadow:var(--shadow-button-hover)}.agree-input:checked+.agree-tag{border-color:var(--success);background:var(--success-soft);color:var(--success-text)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2-5);margin-top:var(--space-3)}button{padding:var(--space-2-5) 14px;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--text-strong);font-size:var(--font-sm);font-weight:700;cursor:pointer}button.secondary{border:var(--border-width) solid var(--border);background:var(--surface-elev-1);color:var(--text)}button:hover{filter:brightness(1.08)}.out-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2-5)}.badge{display:inline-flex;align-items:center;gap:var(--radius-sm);padding:5px var(--space-2-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-elev-1);color:var(--muted);font-size:.8rem}.chunk{overflow:hidden;margin-bottom:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--surface-elev-1)}.chunk-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);border-bottom:var(--border-width) solid var(--border);background:var(--surface-elev-3);font-size:.82rem}.chunk-top .meta{color:var(--muted)}.chunk pre{margin:0;padding:var(--space-2-5);color:var(--text-pre);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-xs);white-space:pre-wrap;word-wrap:break-word}.small{margin-top:var(--space-2);color:var(--muted);font-size:var(--font-sm)}.out-note{margin:0 0 var(--space-2-5);color:var(--muted);font-size:var(--font-sm)}.scale-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.scale-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.85rem}.scale-value{color:var(--text);font-weight:700}.q10-boxes{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--radius-sm)}.q10-box{height:var(--input-clear-padding-right);padding:0;border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.q10-box:hover{border-color:var(--border-hover);background:var(--hover-ghost);color:var(--text);filter:none}.q10-box.active{border-color:var(--accent);background:var(--accent-soft-1);color:var(--text)}
