.g18-learning{width:100%;max-width:550px;margin:0 auto;background:#0a2342;border:1px solid #354761;border-radius:14px;padding:32px 26px;color:#f8f2e5}.g18-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.g18-inputs>div{font:18px/1.3 Georgia,serif;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:12px 5px;border:1px solid #54627a;border-radius:8px;background:#102c4b}.g18-inputs span{display:block;font:12px/1.5 'Segoe UI',sans-serif;color:#c0cbd9;margin-top:9px}.g18-connectors{height:40px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 16.66%;position:relative;border-bottom:1px solid #b49a61}.g18-connectors i:first-child{position:absolute;left:0;height:39px;border-left:1px solid #b49a61}.g18-connectors i:nth-child(2){position:absolute;left:50%;height:64px;border-left:1px solid #b49a61}.g18-connectors i:last-child{position:absolute;right:0;height:39px;border-left:1px solid #b49a61}.g18-record{display:flex;align-items:center;gap:16px;width:90%;margin:24px auto 0;padding:24px 18px;border:1px solid #b49a61;border-radius:10px;background:#071a31}.g18-record svg{flex:0 0 40px;width:40px;height:40px;color:#e4c880}.g18-record h2{font:27px/1.15 Georgia,serif;letter-spacing:-.02em;margin:0}.g18-record p{font-size:14px;line-height:1.5;color:#c0cbd9;margin:9px 0 0}.g18-optional{text-align:center;border-top:1px solid #354761;margin-top:28px;padding-top:23px}.g18-optional>span{display:block;font-size:10px;letter-spacing:.13em;color:#d8bd77}.g18-optional a{display:block;font-size:14px;line-height:1.5;color:#f8f2e5;margin-top:9px;text-underline-offset:4px}.g18-optional p{font-size:12px;color:#c0cbd9;margin-top:8px}@media(max-width:760px){.g18-learning{padding:26px 16px}.g18-inputs{gap:7px}.g18-inputs>div{font-size:16px;min-height:110px}.g18-inputs span{font-size:11px}.g18-record{width:100%;padding:20px 14px;gap:12px}.g18-record h2{font-size:25px}}