:root{--brand:#067ce2;--brand-dark:#0460b2;--ink:#0b1220;--ink-soft:#566;--panel-border:#bdccda;--panel-shadow:0 2px 4px #99bedf;--radius:20px;--radius-sm:10px;--blocked:#dc2626;--maxw:1100px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0}button,input,select,textarea{font-family:inherit}body{-webkit-font-smoothing:antialiased;background:#fbfbfd;color:#0b1220;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--sans);min-height:100vh}h1,h2,h3{font-weight:400;line-height:1.2}.bg-image{inset:0}.panel{border:2px solid #bdccda;border:2px solid var(--panel-border);border-radius:20px;box-shadow:0 2px 4px #99bedf;box-shadow:var(--panel-shadow)}.panel.tiedyebg{background:radial-gradient(circle at 30% 30%,#fff,#0000 80%),radial-gradient(circle at 70% 40%,#acedff33,#0000 80%),radial-gradient(circle at 40% 70%,#fff,#0000 80%),radial-gradient(circle at 70% 80%,#b8ffff33,#0000 80%),linear-gradient(135deg,#b5e5ff,#cef0ff 40%,#ccf2ff)}.demo-button{background:#067ce2;background:var(--brand);border:none;border-radius:6px;color:#f0f8ff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;min-height:36px;padding:8px 16px;transition:background-color .2s ease,opacity .2s ease}.demo-button:hover:not(:disabled){background:#0460b2;background:var(--brand-dark)}.demo-button:disabled{cursor:not-allowed;opacity:.45}.demo-button.ghost{background:#0000;border:1px solid #bdccda;border:1px solid var(--panel-border);color:#067ce2;color:var(--brand)}.next{background:#067ce2;background:var(--brand);border-radius:6px;color:#f0f8ff;display:inline-block;font-size:.85rem;font-weight:600;margin-top:14px;padding:8px 16px;text-decoration:none}.next:hover{background:#0460b2;background:var(--brand-dark)}@media (max-width:900px){.contact-container{align-items:center!important;display:flex;height:10vh!important;justify-content:center!important;text-align:center!important;width:40vw!important}}@media (max-width:1000px){.question-container{flex-wrap:wrap}}body{background:#fff;color:var(--main-color);font-family:Garet,sans-serif;height:100%;width:100%}h1{font-size:42pt;font-weight:400}.contact-container{margin:25px;width:500px}.login-button-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.login-button{background-color:var(--main-color);border:none;color:#f0f8ff;height:30px;width:200px}.login-button:hover{background-color:#969696;border:none;color:#f0f8ff}.page{height:100vh;position:relative}.home-image{bottom:0;height:100%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0003);position:fixed;right:0;transform:scaleX(-1);width:100%;z-index:-1}.home{height:100%;position:relative;z-index:2}.selected-color{height:75px!important;width:75px!important}.home-title-2{color:#f0f8ff;font-size:25pt;text-align:left}.triangle{background-color:#067ce2;clip-path:polygon(0 0,100% 0,100% 20%,0 100%);height:100vh;left:0;opacity:95%;position:fixed;top:0;width:100vw;z-index:1}.home-container{justify-self:center;margin-top:50px;width:85%}.inner{width:65%}.home-nav{display:flex;flex-wrap:wrap;gap:10px;justify-self:right;margin-right:30px;margin-top:50px}.home-nav-child{background-color:#067ce2;box-shadow:0 2px 4px #000;color:#f0f8ff;font-family:Hanken Grotesk,sans-serif;font-size:16pt;height:30px;margin-bottom:0;padding:10px;text-align:center;text-decoration:none;width:200px}.home-title-container{display:flex;justify-content:center;margin-top:30px}.home-logo{height:150px;margin-left:30px;width:150px}.home-title{color:#fff;font-size:90pt;height:5vh;margin-bottom:50px;text-align:center}@media screen and (max-width:600px){.triangle{clip-path:polygon(0 0,100% 0,100% 30%,0 100%)}.home-title-container{align-items:center;display:flex;flex-direction:column-reverse}.home-title{font-size:45pt;margin-bottom:50px}.home-logo{height:75px;margin-left:25px;width:75px}.home-container{width:95%}.inner{width:75%}.home-title-2{color:#f0f8ff;font-size:13pt;text-align:left}.home-nav{flex-wrap:nowrap;gap:5px;margin:0 auto;transform:translateY(130px)}.home-nav-child{font-size:10pt;height:15px;width:110px}}@media screen and (max-width:400px){.home-nav-child{font-size:8pt;height:13px;width:85px}.home-title{font-size:40pt}}.heading-container{background-color:var(--brand);display:flex;flex-direction:column;margin-bottom:20px;position:relative;width:100%;z-index:5}.title-container{align-items:center;background-color:initial;display:flex;flex-direction:column;margin-bottom:16px}.a{justify-content:center;margin-top:26px;text-decoration:none}.a,.title{display:flex}.title{align-items:center;color:#f0f8ff;font-size:clamp(2.5rem,4.5vw,5rem);font-weight:400}.title-logo{height:1.3em;margin-left:20px;width:1.3em}.demo-nav{align-self:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:15px;width:min(80vw,1000px)}.demo-nav-child-2{background:#0000;border:none;color:#f0f8ff;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;line-height:44px;min-height:44px;padding:0 14px;text-align:center;text-decoration:none}.demo-nav-child-2:hover{opacity:.6;text-decoration:underline}.demo-nav-child-2.is-active{text-decoration:underline;text-underline-offset:6px}.block-grid{align-content:flex-start;display:flex;flex-wrap:wrap;gap:4px;max-height:40vh;overflow-y:auto;padding:4px 0}.color-block{border:1px solid #0000001f}.contact-container{display:flex;gap:20px;justify-content:center;padding:20px 0 30px}.instagram,.linkedin{height:25px;width:25px}.facebook{height:25px;width:15px}@media screen and (max-width:600px){.title-logo{display:none}.demo-nav{width:100%}.demo-nav-child-2{font-size:11px;padding:0 8px}}.demo-page{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto 40px;position:relative;width:min(92%,var(--maxw));z-index:2}.generator{align-self:stretch;display:flex;flex-direction:column;grid-row:span 2;justify-content:center;min-height:260px}.demo-heading{color:var(--ink);font-size:1.4rem;margin-bottom:18px;text-align:center}.demo-input-container{align-items:center;display:flex;flex-direction:column}.color-text{border:1px solid var(--panel-border);border-radius:var(--radius);font-family:var(--sans);font-size:1.15rem;height:50px;padding:0 16px;text-align:center;width:min(320px,100%)}.color-text:focus{outline:2px solid var(--brand);outline-offset:2px}.button-row{margin-top:14px}.button-row,.card{display:flex;gap:10px}.card{flex-direction:column;font-size:.9rem;line-height:1.55;text-align:center}.card-heading{font-size:1.6rem}.demo-line{background:var(--panel-border);height:1px}.results{grid-column:1/-1}.language-legend{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.legend-label{color:var(--ink-soft);font-size:.8rem;font-weight:600}.legend-chip{background:#ffffffbf;border:1px solid var(--panel-border);border-radius:999px;color:var(--ink);cursor:pointer;font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.04em;min-height:32px;padding:4px 12px}.legend-chip.is-on{background:var(--brand);border-color:var(--brand);color:#f0f8ff}.run{margin-top:12px}.run-label{color:var(--ink-soft);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.salt-note{border-top:1px solid #00000014;color:var(--ink-soft);font-size:.82rem;line-height:1.5;margin:8px 0;padding-top:10px}.bg-image{bottom:0;height:100%;object-fit:cover;position:fixed;right:0;width:100%;z-index:-1}.site-header{color:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}@media screen and (max-width:820px){.demo-page{grid-template-columns:minmax(0,1fr)}}:root{--bg:#fbfbfd;--panel:#fff;--muted:#667;--accent:#3b82f6;--radius:14px;--maxw:1024px}.comp_container{align-items:center;color:#0b1220;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0 auto;max-width:1024px;max-width:var(--maxw);overflow:hidden;position:relative}.bg-overlay{background-color:initial;background-color:var(--attack-color,#0000);height:100%;left:0;mix-blend-mode:multiply;opacity:1;position:fixed;top:0;width:100%;z-index:1}.app{padding:24px}.topnav{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.topnav a{color:#111;font-weight:600;text-decoration:none}.topnav a.right{color:#3b82f6}.site-header{margin-bottom:18px;position:relative;text-align:center;z-index:2}.site-header h1{margin:0}.site-header .tagline{color:#667;color:var(--muted)}.panel{background:#fff;background:var(--panel);border-radius:14px;border-radius:var(--radius);box-shadow:0 6px 18px #14141e0d;margin-bottom:18px;padding:18px;position:relative;z-index:2}h2{margin-bottom:25px;margin-top:10px;text-align:center}.attack{background:#fbfbfb;border:1px solid #eee;border-radius:10px;flex:1 1;overflow:hidden;padding:12px;transition:all .35s ease}.attack h3{margin:0 0 6px}.attack.has-selection.selected{background-color:#0000001a;box-shadow:inset 6px 0 0 var(--attack-color)}.attacks{display:flex;flex-direction:row;gap:12px;justify-content:center}.attack-spotlight{animation:spotlight-in .45s ease-out;background-color:#0000000f;border-radius:10px;box-shadow:inset 6px 0 0 #eee;box-shadow:inset 6px 0 0 var(--attack-color,#eee);line-height:1.5;margin-bottom:16px;min-height:160px;padding:18px 22px;transform-origin:50% bottom;transform-origin:var(--origin-x,50%) bottom}.attack-spotlight h3{margin:0 0 6px}.attack-spotlight p{margin:0}@keyframes spotlight-in{0%{opacity:0;transform:translateY(40px) scale(.3)}to{opacity:1;transform:translateY(0) scale(1)}}.example{color:#667;color:var(--muted);margin:0}.lang-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.lang-row{align-items:center;gap:12px;justify-content:space-between}.lang-row,.preview{display:flex;flex-wrap:wrap}.preview{gap:6px;margin:10px 0}.color-block{border:1px solid #0000000f;border-radius:6px;height:25px;width:25px}.btn{background:#3b82f6;background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.btn.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#111}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}thead th{background:#f7f7fb;font-size:13px;padding:8px;text-align:left}tbody td{border-top:1px solid #f0f0f3;padding:10px}.demo-footer{color:#999;margin-top:20px;position:relative;text-align:center;z-index:2}@media screen and (max-width:600px){.site-header h1{font-size:28pt;margin-bottom:8px;position:relative;text-align:center;z-index:2}h2{font-size:12pt;margin-bottom:15px;margin-top:10px;text-align:center}.comp_container{font-size:.8rem;width:85%}.attack{flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:1;overflow:none;padding:2px}.attacks{flex-wrap:wrap;max-height:fit-content;text-align:center}.attack-spotlight{min-height:190px;padding:10px 12px 10px 16px}}
/*# sourceMappingURL=main.cef32d74.css.map*/