*{margin:0;padding:0;box-sizing:border-box}p{margin-bottom:1rem;color:#d1d5db}html,body{width:100%;height:100%;overflow-x:hidden;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;background-color:#000;color:#fff;background-image:linear-gradient(rgba(17,24,39,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.1) 1px,transparent 1px);background-size:20px 20px}ul{margin-left:2rem}#app{position:relative;min-height:100vh;width:100%}.app-container{position:relative;min-height:100vh;width:100%;background-color:#000000f2}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,255,136,.03) 50%);background-size:100% 4px;pointer-events:none;z-index:1;opacity:.3}.main-header{position:fixed;top:0;left:0;right:0;height:64px;background-color:#000000fa;border-bottom:1px solid rgba(59,130,246,.3);z-index:100;display:flex;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.nav-links{display:flex;gap:24px}.nav-button{background:none;border:1px solid rgba(59,130,246,.4);color:#60a5fa;font-size:16px;font-weight:500;padding:10px 24px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.nav-button:before{content:">";position:absolute;left:8px;opacity:0;transition:opacity .2s ease}.nav-button:after{content:"<";position:absolute;right:8px;opacity:0;transition:opacity .2s ease}.nav-button:hover{color:#fff;background-color:#3b82f64d;border-color:#3b82f6cc;transform:translateY(-1px)}.nav-button:hover:before,.nav-button:hover:after{opacity:1}.nav-button.active{color:#fff;background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:1px solid rgba(59,130,246,.8);box-shadow:0 0 20px #3b82f64d}.nav-button.active:before,.nav-button.active:after{opacity:1}.main-content{padding-top:80px;width:100%;min-height:calc(100vh - 120px);position:relative;z-index:2}.title-container{width:100%;padding:20px 40px;margin-bottom:40px;text-align:center}.ascii-title{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;line-height:1;white-space:pre;font-size:.7vw;letter-spacing:0;margin:0;display:inline-block;color:#60a5fa;text-shadow:0 0 10px rgba(96,165,250,.7);background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(96,165,250,.5))}.content-sections{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.analyze-section{display:flex;flex-direction:column;align-items:center}.upload-section{text-align:center;margin-bottom:60px;width:100%;display:flex;flex-direction:column;align-items:center}.main-heading{font-size:32px;font-weight:700;margin-bottom:40px;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;position:relative}.main-heading:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#60a5fa,transparent)}.blinking-cursor{font-size:48px;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.upload-container{display:flex;justify-content:center;width:100%}.secondary-button,.primary-action-button,.secondary-action-button,.error-button,.other-button,.custom-role-submit,.custom-role-cancel{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;border:1px solid rgba(59,130,246,.4);background:#111827b3;color:#60a5fa;padding:12px 24px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500;position:relative;overflow:hidden}.secondary-button:before,.primary-action-button:before,.secondary-action-button:before,.error-button:before,.other-button:before,.custom-role-submit:before,.custom-role-cancel:before{content:">";position:absolute;left:8px;opacity:0;transition:opacity .2s ease}.secondary-button:after,.primary-action-button:after,.secondary-action-button:after,.error-button:after,.other-button:after,.custom-role-submit:after,.custom-role-cancel:after{content:"<";position:absolute;right:8px;opacity:0;transition:opacity .2s ease}.secondary-button:hover,.secondary-action-button:hover,.error-button:hover,.custom-role-cancel:hover{color:#fff;background-color:#3b82f64d;border-color:#3b82f6cc;box-shadow:0 0 10px #3b82f64d;transform:translateY(-1px)}.secondary-button:hover:before,.secondary-button:hover:after,.secondary-action-button:hover:before,.secondary-action-button:hover:after,.error-button:hover:before,.error-button:hover:after,.custom-role-cancel:hover:before,.custom-role-cancel:hover:after{opacity:1}.primary-action-button{background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.4);color:#10b981;font-weight:600;font-size:16px}.primary-action-button:hover{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#10b981cc;color:#fff;box-shadow:0 0 10px #10b9814d;transform:translateY(-1px)}.primary-action-button:hover:before,.primary-action-button:hover:after{opacity:1}.other-button{border:2px solid rgba(59,130,246,.5);background:#111827cc;font-size:18px;font-weight:600;color:#60a5fa;height:80px;display:flex;align-items:center;justify-content:center;gap:10px}.other-button:before{content:">>>";position:static;opacity:1}.other-button:after{content:"<<<";position:static;opacity:1}.other-button:hover{border-color:#3b82f6cc;background:#111827e6;color:#fff;box-shadow:0 0 15px #3b82f64d;transform:translateY(-1px)}.custom-role-submit{background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.4);color:#10b981;font-weight:600}.custom-role-submit:hover:not(:disabled){background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#10b981cc;color:#fff;box-shadow:0 0 8px #10b98133}.custom-role-submit:disabled{opacity:.5;cursor:not-allowed;border-color:#4b556366;color:#4b5563cc}.custom-role-submit:hover:not(:disabled):before,.custom-role-submit:hover:not(:disabled):after{opacity:1}.role-selection-section{width:100%;display:flex;flex-direction:column;align-items:center}.file-info{text-align:center;margin-bottom:40px;padding:24px;width:100%;max-width:600px}.section-heading{font-size:28px;font-weight:700;margin-bottom:10px;color:#60a5fa;text-transform:uppercase;letter-spacing:1px}.file-details{color:#9ca3af;margin-bottom:20px;font-size:16px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace}.file-name{color:#fff;font-weight:500;background:#3b82f61a;padding:2px 8px;border-radius:3px;border:1px solid rgba(59,130,246,.3)}.roles-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:30px}.recommended-roles{display:flex;gap:30px;justify-content:center;width:100%}.role-button{width:256px;height:192px;border:2px solid rgba(59,130,246,.3);background:linear-gradient(135deg,#111827cc,#1f2937cc);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative;overflow:hidden}.role-button:hover{border-color:#3b82f6cc;background:linear-gradient(135deg,#111827e6,#1f2937e6);transform:translateY(-3px) scale(1.02);box-shadow:0 5px 15px #3b82f633}.role-button:hover .role-name{color:#fff}.role-name{font-size:20px;font-weight:700;color:#60a5fa;text-align:center;padding:0 20px;transition:color .3s ease;text-transform:uppercase;letter-spacing:1px}.role-tag{font-size:12px;color:#9ca3af;margin-top:8px;background:#1f293780;padding:2px 8px;border-radius:3px;border:1px solid rgba(75,85,99,.3)}.other-button-container{width:100%;max-width:512px;display:flex;justify-content:center}.custom-role-input{width:100%;max-width:512px;border:2px solid rgba(59,130,246,.3);border-radius:8px;padding:24px;background:linear-gradient(135deg,#111827cc,#1f2937cc)}.custom-role-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:20px;color:#60a5fa;text-transform:uppercase;letter-spacing:1px}.custom-role-form{display:flex;flex-direction:column;gap:16px}.custom-role-field{width:100%;padding:12px 16px;background:#111827b3;border:1px solid rgba(59,130,246,.4);border-radius:4px;color:#fff;font-size:16px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;transition:all .2s ease}.custom-role-field:focus{outline:none;border-color:#3b82f6cc;box-shadow:0 0 8px #3b82f633}.custom-role-actions{display:flex;gap:12px}.selected-role-section{width:100%;display:flex;justify-content:center}.selected-role-card{width:100%;max-width:512px;border:2px solid rgba(59,130,246,.3);border-radius:8px;padding:32px;background:linear-gradient(135deg,#111827cc,#1f2937cc);text-align:center}.selected-role-info{margin-bottom:32px}.selected-role-label{font-size:18px;font-weight:700;color:#9ca3af;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.selected-role-name{font-size:28px;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:1px}.selected-role-name.custom-role{color:#8b5cf6}.selected-role-actions{display:flex;flex-direction:column;gap:16px}.results-section{width:100%;display:flex;justify-content:center}.error-section{width:100%;display:flex;justify-content:center;margin-top:40px}.error-card{max-width:512px;padding:24px;border:2px solid rgba(239,68,68,.5);border-radius:8px;background:linear-gradient(135deg,#111827cc,#1f2937cc);text-align:center}.error-title{font-size:20px;font-weight:700;color:#fca5a5;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.error-message{color:#fca5a5cc;font-size:14px;margin-bottom:16px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace}.about-section{display:flex;flex-direction:column;align-items:center}.about-heading{font-size:32px;font-weight:700;margin-bottom:32px;text-align:center;color:#60a5fa;text-transform:uppercase;letter-spacing:2px}.about-content{max-width:800px;margin-bottom:48px;border:2px solid rgba(59,130,246,.3);border-radius:8px;padding:32px;background:linear-gradient(135deg,#111827cc,#1f2937cc)}.about-content p{color:#d1d5db;line-height:1.6;margin-bottom:16px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace}.about-content p:last-child{margin-bottom:0}.features-section{max-width:800px;border:2px solid rgba(59,130,246,.3);border-radius:8px;padding:32px;background:linear-gradient(135deg,#111827cc,#1f2937cc)}.features-heading{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px;color:#60a5fa;text-transform:uppercase;letter-spacing:1px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.feature{display:flex;gap:12px;padding:16px;border:1px solid rgba(59,130,246,.2);border-radius:6px;background:#11182780;transition:all .2s ease}.feature:hover{border-color:#3b82f666;background:#111827b3;transform:translateY(-2px)}.feature-icon{color:#10b981;font-size:20px;margin-top:2px;min-width:24px}.feature-title{font-size:18px;font-weight:700;margin-bottom:4px;color:#fff}.feature-description{color:#9ca3af;font-size:14px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace}.main-footer{border-top:1px solid rgba(59,130,246,.3);padding:24px 20px;background:#000c;margin-top:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{max-width:1200px;margin:0 auto;text-align:center;color:#6b7280;font-size:14px}.footer-content p:first-child{margin-bottom:8px}.tier-toggle-container{width:100%;display:flex;justify-content:center;margin-bottom:20px}.footer-text{text-align:center;color:#6b7280;font-size:14px}.footer-text p:first-child{margin-bottom:8px}@media(max-width:768px){.ascii-title{font-size:10px}.main-heading{font-size:24px}.blinking-cursor{font-size:36px}.recommended-roles{flex-direction:column;align-items:center}.role-button{width:100%;max-width:300px}.features-grid{grid-template-columns:1fr}.title-container{padding:20px}.custom-role-actions,.selected-role-actions{flex-direction:column}}@media(max-width:480px){.ascii-title{font-size:8px}.nav-button{font-size:14px;padding:8px 16px}.main-heading{font-size:20px}.blinking-cursor{font-size:28px}.role-name{font-size:18px}.selected-role-name{font-size:22px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#11182780}::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}::selection{background:#3b82f64d;color:#fff}button:focus,input:focus{outline:none}.file-upload-container.svelte-ux1wx1{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.upload-button.svelte-ux1wx1{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid #FF6B35;border-radius:8px;background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d;min-width:280px;max-width:100%;text-align:center;position:relative}.upload-button.svelte-ux1wx1:hover:not(:disabled){background:linear-gradient(135deg,#ff5722,#ff7043);border-color:#ff5722;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.upload-button.svelte-ux1wx1:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #ff6b354d}.upload-button.svelte-ux1wx1:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.upload-icon.svelte-ux1wx1{width:24px;height:24px;filter:brightness(0) invert(1);flex-shrink:0}.upload-text.svelte-ux1wx1{display:flex;flex-direction:column;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.file-info-text.svelte-ux1wx1{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.file-name.svelte-ux1wx1{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.file-size.svelte-ux1wx1{font-size:12px;font-weight:400;opacity:.9}.file-input.svelte-ux1wx1{position:absolute;left:-9999px;top:-9999px;opacity:0;width:0;height:0}.error-message.svelte-ux1wx1{width:100%;max-width:400px;padding:12px;border:1px solid rgba(239,68,68,.5);border-radius:8px;background:#ef44441a}.error-title.svelte-ux1wx1{font-size:14px;font-weight:600;color:#fca5a5;margin-bottom:4px}.error-text.svelte-ux1wx1{font-size:12px;color:#fca5a5cc}@keyframes svelte-ux1wx1-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in.svelte-ux1wx1{animation:svelte-ux1wx1-fadeIn .3s ease-out forwards}.loading-overlay.svelte-1qpkoic{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none}.loading-background.svelte-1qpkoic{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-container.svelte-1qpkoic{position:relative;z-index:10001;pointer-events:auto;animation:svelte-1qpkoic-fadeIn .3s ease-out forwards}.loading-content.svelte-1qpkoic{text-align:center}.loading-gif.svelte-1qpkoic{width:50%;height:50%;display:block;margin:0 auto}@keyframes svelte-1qpkoic-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-935rlg-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in.svelte-935rlg{animation:svelte-935rlg-fadeIn .5s ease-out forwards}.animate-spin.svelte-935rlg{animation:svelte-935rlg-spin 1s linear infinite}@keyframes svelte-935rlg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden.svelte-935rlg{display:none}.text-gradient.svelte-935rlg{background-clip:text;-webkit-background-clip:text}.results-container.svelte-935rlg{border:2px solid rgba(59,130,246,.3);border-radius:8px;background:linear-gradient(135deg,#111827cc,#1f2937cc)}.section-container.svelte-935rlg{padding:2rem;border:1px solid rgba(59,130,246,.2);background:#11182780;transition:all .2s ease}.section-container.svelte-935rlg:hover{border-color:#3b82f666;background:#11182799}.section-title.svelte-935rlg{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(59,130,246,.3);color:#fff;text-transform:uppercase;letter-spacing:1px}.section-title-small.svelte-935rlg{font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(59,130,246,.2);color:#fff;text-transform:uppercase;letter-spacing:1px}.section-content.svelte-935rlg{color:#d1d5db;line-height:1.6;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace}.indented-content.svelte-935rlg{margin-left:1.5rem;padding-left:1rem;border-left:2px solid rgba(75,85,99,.3)}.indented-content.svelte-935rlg ul:where(.svelte-935rlg){list-style-type:none;padding-left:0}.indented-content.svelte-935rlg li:where(.svelte-935rlg){position:relative;padding-left:0;line-height:1.6;margin-bottom:.5rem}.secondary-button.svelte-935rlg{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;border:1px solid rgba(59,130,246,.4);background:#111827b3;color:#60a5fa;padding:12px 24px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500;position:relative;overflow:hidden}.secondary-button.svelte-935rlg:before{content:">";position:absolute;left:8px;opacity:0;transition:opacity .2s ease}.secondary-button.svelte-935rlg:after{content:"<";position:absolute;right:8px;opacity:0;transition:opacity .2s ease}.secondary-button.svelte-935rlg:hover{color:#fff;background-color:#3b82f633;border-color:#3b82f6cc;box-shadow:0 0 15px #3b82f666;transform:translateY(-1px)}.secondary-button.svelte-935rlg:hover:before,.secondary-button.svelte-935rlg:hover:after{opacity:1}.primary-action-button.svelte-935rlg{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Monaco,Consolas,monospace;background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.4);color:#10b981;padding:12px 24px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600;position:relative;overflow:hidden}.primary-action-button.svelte-935rlg:hover{background:linear-gradient(135deg,#10b9814d,#0596694d);border-color:#10b981cc;color:#fff;box-shadow:0 0 15px #10b98166;transform:translateY(-1px)}.border-b.svelte-935rlg{border-bottom-width:2px}p.svelte-935rlg{line-height:1.7;text-align:justify}.role-selection-container.svelte-nh6ctm{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:400px;padding:20px 0}.centered-content.svelte-nh6ctm{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:800px}.role-selection-content.svelte-nh6ctm{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.recommended-roles-grid.svelte-nh6ctm{display:grid;grid-template-columns:1fr;gap:24px;width:100%;max-width:600px}@media(min-width:768px){.recommended-roles-grid.svelte-nh6ctm{grid-template-columns:1fr 1fr}}.role-button.svelte-nh6ctm{height:300px;border:2px solid #374151;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;cursor:pointer;transition:all .2s ease;background-color:#1118274d;font-family:inherit;aspect-ratio:1 / 1.5}.role-button.svelte-nh6ctm:hover{border-color:#60a5fa;transform:scale(1.02);box-shadow:0 4px 12px #3b82f633}.role-button.selected.svelte-nh6ctm{border-color:#10b981;background-color:#10b9811a;box-shadow:0 4px 12px #10b98133}.role-button.placeholder.svelte-nh6ctm{border-color:#374151;background-color:#1118274d;cursor:default}.role-button.placeholder.svelte-nh6ctm:hover{border-color:#374151;transform:none;box-shadow:none}.role-button-name.svelte-nh6ctm{font-size:28px;font-weight:700;text-align:center;color:#fff;line-height:1.2;padding:0 20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.role-button.selected.svelte-nh6ctm .role-button-name:where(.svelte-nh6ctm){color:#10b981}.role-button-tag.svelte-nh6ctm{font-size:14px;color:#9ca3af;font-weight:500}.other-button-container.svelte-nh6ctm{width:100%;max-width:600px;display:flex;justify-content:center;margin-top:8px}.other-button.svelte-nh6ctm{width:30%;height:60px;border-radius:24px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background-color:#1118274d;font-family:inherit}.other-button.svelte-nh6ctm:before,.other-button.svelte-nh6ctm:after{display:none;content:none;opacity:0}.other-button.svelte-nh6ctm:hover{border-color:#a78bfa;background-color:#8b5cf61a;transform:translateY(-1px)}.other-button.selected.svelte-nh6ctm{border-color:#a78bfa;background-color:#8b5cf633}.other-button-text.svelte-nh6ctm{font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.other-button.selected.svelte-nh6ctm .other-button-text:where(.svelte-nh6ctm){color:#a78bfa}.custom-role-input-container.svelte-nh6ctm{width:100%;max-width:600px;border:2px solid #6b7280;border-radius:16px;padding:24px;background-color:#1118274d;margin-top:8px}.custom-role-title.svelte-nh6ctm{font-size:18px;font-weight:700;text-align:center;margin-bottom:16px;color:#fff}.custom-role-form.svelte-nh6ctm{display:flex;flex-direction:column;gap:16px}.custom-role-field-wrapper.svelte-nh6ctm{width:100%}.custom-role-input-field.svelte-nh6ctm{width:100%;padding:12px 16px;background-color:#1f2937;border:1px solid #4b5563;border-radius:8px;color:#fff;font-size:16px;font-family:inherit}.custom-role-input-field.svelte-nh6ctm:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #8b5cf633}.custom-role-input-field.svelte-nh6ctm::placeholder{color:#6b7280}.custom-role-actions.svelte-nh6ctm{display:flex;gap:12px}.custom-role-submit.svelte-nh6ctm{flex:1;padding:12px;background:linear-gradient(to right,#6b7280,#ec4899);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s ease}.custom-role-submit.svelte-nh6ctm:hover:not(:disabled){background:linear-gradient(to right,#6b7280,#db2777)}.custom-role-submit.svelte-nh6ctm:disabled{opacity:.5;cursor:not-allowed}.custom-role-cancel.svelte-nh6ctm{padding:12px 24px;border:1px solid #4b5563;background:none;border-radius:8px;color:#d1d5db;font-size:16px;cursor:pointer;font-family:inherit;transition:all .2s ease}.custom-role-cancel.svelte-nh6ctm:hover{border-color:#9ca3af;color:#fff}.selected-role-container.svelte-nh6ctm{width:100%;max-width:600px;margin-top:16px;padding:24px;border:1px solid #374151;border-radius:16px;background-color:#1118274d}.selected-role-header.svelte-nh6ctm{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.selected-role-label.svelte-nh6ctm{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.selected-role-name.svelte-nh6ctm{font-size:24px;font-weight:700;color:#9ca3af;margin:0}.selected-role-name.custom-role.svelte-nh6ctm{color:#9ca3af}.change-role-button.svelte-nh6ctm{padding:8px 16px;border:1px solid #4b5563;background:none;border-radius:8px;color:#d1d5db;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s ease}.change-role-button.svelte-nh6ctm:hover{border-color:#9ca3af;color:#fff}.evaluate-section.svelte-nh6ctm{max-width:512px;margin:0 auto}.evaluate-button.svelte-nh6ctm{width:100%;padding:16px 24px;background:linear-gradient(to right,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;letter-spacing:.05em;cursor:pointer;font-family:inherit;transition:all .2s ease}.evaluate-button.svelte-nh6ctm:hover{background:linear-gradient(to right,#0da271,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.tier-info.svelte-nh6ctm{text-align:center;color:#9ca3af;font-size:14px;margin-top:12px}@keyframes svelte-nh6ctm-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in.svelte-nh6ctm{animation:svelte-nh6ctm-fadeIn .3s ease-out forwards}@font-face{font-family:Klee One;src:url(/KleeOne-SemiBold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.svelte-1n46o8q{font-family:Klee One,Courier,monospace}.ascii-title.svelte-1n46o8q{font-family:Courier New,Courier,monospace}.page-section.svelte-1n46o8q{margin-bottom:80px;scroll-margin-top:80px}.page-section.svelte-1n46o8q:last-child{margin-bottom:40px}.about-section.svelte-1n46o8q{max-width:800px;margin:0 auto;padding:40px 20px}.about-heading.svelte-1n46o8q{font-size:32px;font-weight:700;margin-bottom:32px;text-align:center;color:#60a5fa;text-transform:uppercase;letter-spacing:2px;font-family:Courier New,Courier,monospace}.slogan.svelte-1n46o8q{color:#60a5fa;font-family:Courier New,Courier,monospace;text-shadow:rgba(59,130,246,.4)}.how-it-works-heading.svelte-1n46o8q{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px;color:#60a5fa;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace}.nav-button.svelte-1n46o8q:active{color:#fff;background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:1px solid rgba(59,130,246,.8);box-shadow:0 0 20px #3b82f64d}
