*,*::before,*::after{box-sizing:border-box}
:root{--bg:#204a5b;--text:#f4f4f6;--accent:#00bfff;--border:#242936;--hover:#00fac8}
body{background:var(--bg);color:var(--text);font-family:'Ubuntu',sans-serif;margin:0;padding:2rem;line-height:1.6}
header,section,footer{max-width:900px;margin:0 auto;border:1px solid var(--border);padding:2rem}
header{border-bottom:none;text-align:center}
.mono{font-family:'Ubuntu Mono',monospace;color:var(--accent)}
h1{font-size:1.8rem;margin:0;font-weight:700;letter-spacing:-0.5px}
h3{font-size:1rem;margin-top:0}
nav.menu{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}
nav.menu a{font-family:'Ubuntu Mono',monospace;color:var(--text);text-decoration:none;border:1px solid var(--border);padding:.35rem 1.2rem;transition:border-color .2s ease,color .2s ease}
nav.menu a:hover{border-color:#00fac8;color:#00fac8;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem}
.card{border:1px solid var(--border);padding:1.5rem}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:none;color:#00fac8}
.lang-dd{position:relative}
.lang-dd summary{font-family:'Ubuntu Mono',monospace;color:var(--text);border:1px solid var(--border);padding:.35rem 1.2rem;cursor:pointer;list-style:none;transition:border-color .2s ease,color .2s ease}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd[open] summary{border-color:var(--accent);color:var(--accent)}
.lang-list{position:absolute;top:calc(100% + .5rem);left:0;min-width:160px;background:var(--bg);margin:0;padding:.5rem 0;list-style:none;z-index:10}
.lang-list li a,.lang-list li.active-lang{display:block;padding:.4rem 1rem;color:var(--text);font-size:.9rem}
.lang-list li a:hover{background:var(--border);color:var(--accent);text-decoration:none}
.active-lang{opacity:.5;cursor:default}
section.slogan{border-bottom:none;padding:3rem 2rem}
h1.slogan{font-size:2.2rem;font-weight:700;line-height:1.3;margin:0;text-align:center}
h1.slogan .mono{font-size:inherit}
.rocket{display:inline-block;transition:transform .3s ease}
footer:hover .rocket{transform:translateY(-3px) rotate(-10deg);animation:liftoff .8s ease forwards}
@keyframes liftoff{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(-3px) rotate(-10deg)}}
.form{display:flex;gap:.75rem;flex-wrap:wrap;align-items:stretch}
.form-vertical{display:block;width:100%;max-width:380px;margin:0 auto}
.form-field{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.5rem 1rem;font-family:'Ubuntu Mono',monospace;font-size:.95rem;width:260px;max-width:100%;transition:border-color .2s ease}
textarea.form-field{width:100%;min-height:90px;resize:vertical}
.form-field:focus{outline:none;border-color:var(--accent)}
.form-field::placeholder{color:var(--text);opacity:.45}
.btn-terminal{font-family:'Ubuntu Mono',monospace;font-size:.95rem;color:var(--text);background:none;border:1px solid var(--border);padding:.5rem 1.2rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.btn-terminal:hover{border-color:var(--hover);color:var(--hover)}
.form-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem}
input[type="checkbox"]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}
.newsletter-form{display:flex;gap:.75rem;flex-wrap:wrap}
.newsletter-email{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.5rem 1rem;font-family:'Ubuntu Mono',monospace;width:260px;max-width:100%;transition:border-color .2s ease}
.newsletter-email:focus{outline:none;border-color:var(--accent)}
.svg-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:0}
.svg-icon svg{display:inline-block;width:1.3em;height:1.3em;vertical-align:-0.1em}
.icon-xl,.icon-lg{display:inline-block;width:1.95em;height:1.95em;vertical-align:-0.4em}
.icon-sm svg{width:1.3em!important;height:1.3em!important}
.icon-md svg{width:1.3em!important;height:1.3em!important}
.icon-lg svg{width:1.73em!important;height:1.73em!important}
.icon-xl svg{width:1.95em!important;height:1.95em!important}
.icon-2x svg{width:2.6em!important;height:2.6em!important}
.icon-3x svg{width:3.9em!important;height:3.9em!important}
.icon-4x svg{width:5.2em!important;height:5.2em!important}
.green{color:green}
.orange{color:orange}
.red{color:red}
.noty-wrapper{display:flex;justify-content:center;width:100%}
.noty-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;border:1px solid var(--border);padding:1rem 1.5rem;max-width:720px;width:100%}
.form-vertical .form-group{margin-bottom:1rem}
.control-label{display:block;margin-bottom:.3rem;font-family:'Ubuntu Mono',monospace;font-size:.9rem;color:var(--text)}
.form-vertical .form-field{width:100%}
.form-vertical .form-check{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem;font-size:.9rem}
.form-vertical .btn-terminal{display:block;width:100%;text-align:center;margin-top:.5rem}
.form-vertical .form-link{display:block;text-align:center;margin-top:1rem;font-family:'Ubuntu Mono',monospace;font-size:.85rem;color:var(--text);opacity:.75;text-decoration:underline}
.form-vertical .form-link:hover{color:var(--hover);opacity:1}
.input-wrap{position:relative;display:block}
.field-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:var(--text);opacity:.75}
.field-icon:hover{opacity:1}
.password-strength{display:block;width:100%;height:6px;background:var(--bg);border:1px solid var(--border);border-radius:3px;overflow:hidden;margin-top:.5rem}
.password-strength-bar{display:block;height:100%;width:0%;background:#ff6b6b;transition:width .25s ease,background-color .25s ease}
.pstrength-1,.pstrength-2{background-color:#ff6b6b}
.pstrength-3{background-color:#ffa94d}
.pstrength-4,.pstrength-5{background-color:#00fac8}
.form-field.field-warn{border:1px solid #e88d3c}
.form-field.field-ok{border:1px solid #00fac8}