:root{--bg: #000;--fg: #fff;--fade-in-ms: 1100;--fade-out-ms: 1000;--pause-ms: 120;--last-pause-ms: 180;--title-scale: clamp(52px, 7vw, 92px);--subtitle-scale: clamp(15px, 1.3vw, 17px);--subtitle-offset: -20px;--extra-gap: 10px}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;width:100%;overflow:hidden;background:var(--bg);color:var(--fg)}.inner{text-align:center;width:min(92vw,1200px);padding-inline:4vw}.brand{display:inline-flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px}video.octopus{width:clamp(130px,14vw,160px);height:auto;border:none;outline:none;animation:float 6s ease-in-out infinite;transform:translateY(20px)}.title{margin:0 0 var(--extra-gap) 0;font-family:Perpetua,Georgia,Times New Roman,Times,serif;font-size:var(--title-scale);line-height:1.06;letter-spacing:.02em;font-weight:400;filter:contrast(105%);animation:pulse 8s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,45%,55%,to{opacity:1}50%{opacity:.94}}.subwrap{color:#000;transition:none;transform:translateY(var(--subtitle-offset));will-change:color,transform}.subtitle{margin:0;min-height:1em;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:var(--subtitle-scale);line-height:1.1;letter-spacing:.03em;font-weight:400;color:currentColor}.buttons{display:grid;grid-auto-flow:column;justify-content:center;gap:10px;margin:20px auto 10px;width:fit-content;max-width:90vw}.methodology-link{margin-top:30px;max-width:400px;margin-left:auto;margin-right:auto;text-align:center}.methodology-link a{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(12px,1vw,14px);line-height:1.5;letter-spacing:.02em;color:#fff9;text-decoration:none;transition:color .16s ease}.methodology-link a:hover{color:#ffffffe6;text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion: reduce){.title{animation:none}video.octopus{animation:none}}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;width:100%;overflow:hidden;background:#000;color:#fff}.inner{text-align:center;width:min(92vw,500px);padding-inline:4vw;padding-block:40px}.title{margin:0 0 20px;font-family:Perpetua,Georgia,Times New Roman,Times,serif;font-size:clamp(52px,7vw,92px);line-height:1.06;letter-spacing:.02em;font-weight:400;filter:contrast(105%)}.underline{height:1px;margin:20px auto;background:#fff;opacity:.92;width:56px}.error-msg{margin:20px 0;padding:12px;background:#ff000026;border:1px solid rgba(255,0,0,.4);color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(13px,1.1vw,15px);letter-spacing:.02em;border-radius:0}.success-msg{margin:20px 0;padding:12px;background:#4caf5033;border:1px solid #4caf50;color:#4caf50;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(13px,1.1vw,15px);letter-spacing:.02em;border-radius:0}.login-form{display:flex;flex-direction:column;gap:12px;margin:30px 0 20px}.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#fff;border:1px solid #fff;padding:12px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(13px,1.1vw,16px);letter-spacing:.02em;line-height:1.2;border-radius:0;transition:background-color .16s ease,border-color .16s ease}.input-field::placeholder{color:#ffffff80}.input-field:focus{outline:none;background-color:#ffffff0d;border-color:#fff}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#fff;border:1px solid #fff;padding:12px 8px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(13px,1.1vw,16px);letter-spacing:.03em;line-height:1;border-radius:0;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease;min-width:88px;text-transform:none}.btn:hover,.btn:focus-visible{background-color:#fff;color:#000;border-color:#fff}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{margin-top:8px}.links{margin:20px 0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(13px,1.1vw,15px);letter-spacing:.02em}.link{color:#fff;text-decoration:none;transition:opacity .16s ease;text-underline-offset:3px}.link:hover{text-decoration:underline;opacity:.8}.link-separator{margin:0 10px;opacity:.5}.back-btn{margin-top:20px}@media (max-width: 768px){.inner{width:calc(100vw - 40px)!important}}.methodology-page{min-height:100dvh;width:100%;background:#000;color:#fff}.methodology-content{max-width:600px;width:100%;margin:0 auto;padding:40px 20px 60px;text-align:left}.methodology-content .main-title{text-align:center;margin:0 0 20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(22px,3vw,32px);line-height:1.3;letter-spacing:.08em;font-weight:600;filter:contrast(105%)}.methodology-content .underline{height:1px;margin:20px auto 40px;background:#fff;opacity:.92;width:56px}.methodology-section{margin-bottom:40px}.methodology-section h2{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:600;letter-spacing:.02em;margin:0 0 16px;opacity:.95}.methodology-section h3{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(14px,1.2vw,17px);font-weight:600;letter-spacing:.02em;margin:24px 0 12px;opacity:.95}.methodology-section p{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(14px,1.1vw,16px);line-height:1.7;letter-spacing:.02em;margin:0 0 14px;opacity:.9}.methodology-section p:last-child{margin-bottom:0}.methodology-section .external-link{color:#fff;text-decoration:underline;text-underline-offset:3px;transition:opacity .16s ease;word-break:break-all}.methodology-section .external-link:hover{opacity:.7}.bibliography{border-top:1px solid rgba(255,255,255,.2);padding-top:30px;margin-top:50px}.bibliography .reference{font-style:normal}.bibliography .reference em{font-style:italic}@media (max-width: 768px){.methodology-content{padding:30px 20px 40px}.methodology-section,.methodology-content .underline{margin-bottom:30px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background-color:#000;color:#fff;font-size:clamp(15px,1.2vw,17px);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Perpetua,Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(32px,4vw,56px);margin-bottom:1rem}h2{font-size:clamp(24px,3vw,40px);margin-bottom:.8rem}h3{font-size:clamp(20px,2.5vw,32px);margin-bottom:.6rem}p{margin-bottom:1rem}a{color:#fff;text-decoration:none;transition:opacity .16s ease}a:hover{opacity:.8}button,.button{font-family:inherit;font-size:inherit;background-color:transparent;color:#fff;border:1px solid #fff;padding:10px 24px;cursor:pointer;transition:all .16s ease;min-width:88px;text-align:center;display:inline-block}button:hover:not(:disabled),.button:hover{background-color:#fff;color:#000}button:active:not(:disabled),.button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background-color:#fff;color:#000}button.primary:hover:not(:disabled){background-color:#000;color:#fff}input,textarea,select{font-family:inherit;font-size:inherit;background-color:#000;color:#fff;border:1px solid #fff;padding:10px 16px;width:100%;transition:all .16s ease}input:focus,textarea:focus,select:focus{outline:3px solid #fff;outline-offset:2px}input::placeholder,textarea::placeholder{color:#999}label{display:block;margin-bottom:8px;font-weight:400}.form-group{margin-bottom:20px}.form-error{color:#f44336;font-size:14px;margin-top:4px}.container,.container-narrow{max-width:600px;margin:0 auto;padding:0 20px}.container-wide{max-width:1400px;margin:0 auto;padding:0 20px}.grid-background{background-color:#f5f5f5;background-image:linear-gradient(#d0d0d0 1px,transparent 1px),linear-gradient(90deg,#d0d0d0 1px,transparent 1px);background-size:20px 34px;color:#000}.grid-background input,.grid-background textarea,.grid-background select{background-color:#fff;color:#000;border:1px solid #000}.grid-background button,.grid-background .button{background-color:transparent;color:#000;border:1px solid #000}.grid-background button:hover:not(:disabled),.grid-background .button:hover{background-color:#000;color:#fff}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000}.loading-spinner{width:40px;height:40px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.octopus{width:clamp(130px,14vw,160px);height:auto;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(20px)}50%{transform:translateY(14px)}}@media (prefers-reduced-motion: reduce){.octopus{animation:none}}.divider{width:100%;height:1px;background-color:#ffffffeb;margin:40px 0}.divider-small{width:56px;height:1px;background-color:#ffffffeb;margin:20px auto}.card{border:1px solid #fff;padding:20px;transition:all .16s ease}.card:hover{background-color:#fff;color:#000}.card:hover h1,.card:hover h2,.card:hover h3,.card:hover p,.card:hover a{color:#000}.card-static{border:1px solid #fff;padding:20px}.card-static:hover{background-color:transparent;color:inherit}.navbar{display:flex;flex-direction:column;align-items:center;padding:12px 20px;max-width:600px;margin:0 auto}.navbar-brand{font-family:Perpetua,Georgia,serif;font-size:clamp(22px,2.8vw,30px);margin-bottom:0}.navbar-divider{width:100%;height:1px;background:#fff;margin:10px 0}.navbar-links{display:flex;gap:12px;align-items:center;font-size:13px;flex-wrap:wrap;justify-content:center;line-height:1.4}@media (max-width: 768px){.grid-background{background-image:none}.navbar{padding:10px 20px}.navbar-divider{margin:8px 0}.navbar-links{flex-direction:column;width:100%;gap:8px}.navbar-links button,.navbar-links .button{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.hidden{display:none}.language-selector{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px auto}.language-button{background:transparent;border:1px solid #fff;padding:4px 6px;cursor:pointer;transition:all .2s ease;min-width:auto;line-height:1}.language-button{font-size:11px;font-weight:700;letter-spacing:.5px}.language-button:hover{background:#fff;transform:scale(1.05)}.language-button.active{background:#fff;border:2px solid #fff}.success{color:#4caf50;background-color:transparent;border:1px solid #4caf50;padding:12px}.error{color:#f44336;background-color:transparent;border:1px solid #f44336;padding:12px}.info{color:#fff;background-color:transparent;border:1px solid #fff;padding:12px}
