:root{--opc365-black:#09090b;--opc365-gold:#c9a35e;--opc365-ivory:#f7f3eb;--opc365-line:rgba(20,18,15,.12)}
.opc-app-intro{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(215,181,112,.58);background:radial-gradient(circle at 50% -20%,#5c461f 0,rgba(62,45,20,.55) 18%,transparent 46%),linear-gradient(145deg,#08080a 0,#17120c 55%,#09090b 100%);box-shadow:inset 0 0 0 7px rgba(201,163,94,.06),0 26px 80px rgba(0,0,0,.2)}
.opc-app-intro:before,.opc-app-intro:after{position:absolute;z-index:-1;width:310px;height:310px;border:1px solid rgba(201,163,94,.2);border-radius:50%;content:""}.opc-app-intro:before{left:-170px;top:-170px}.opc-app-intro:after{right:-170px;bottom:-170px}
.opc-app-mark{border-color:#e5c98d;background:linear-gradient(145deg,#f2d89c,#9e6c1b);color:#111;box-shadow:0 0 55px rgba(201,163,94,.32)}
.opc-app-intro h1 span{color:#d8b771}.opc-app-intro__actions .opc-install-app{border-color:#d7b66f;background:#d7b66f;color:#111}
.opc-365-model{margin:30px 0 86px;padding:clamp(30px,6vw,72px);border-radius:34px;background:var(--opc365-black);color:#fff}.opc-365-model>header{max-width:900px}.opc-365-model>header small,.opc-365-join>header small,.opc-365-catalog>header small,.opc-365-rules>small{color:#d4b36e;font-size:.68rem;font-weight:950;letter-spacing:.16em}.opc-365-model h2,.opc-365-join h1,.opc-365-catalog h1,.opc-365-rules h1{margin:.15em 0;font-size:clamp(3rem,7vw,7rem);line-height:.84;letter-spacing:-.07em}.opc-365-model>header p{max-width:760px;color:#bbb;font-size:1.08rem;line-height:1.55}
.opc-365-model__numbers{display:grid;grid-template-columns:repeat(3,1fr);margin:36px 0;border:1px solid #37322a;border-radius:24px;overflow:hidden}.opc-365-model__numbers article{display:grid;min-height:155px;padding:24px;border-right:1px solid #37322a;align-content:end}.opc-365-model__numbers article:last-child{border:0}.opc-365-model__numbers b{font-size:clamp(2rem,4vw,4rem);line-height:.9}.opc-365-model__numbers span{margin-top:10px;color:#aaa}.opc-365-model__numbers .is-gold{background:linear-gradient(145deg,#d8b66c,#8f6219);color:#111}.opc-365-model__numbers .is-gold span{color:#2c210e}
.opc-365-model__levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.opc-365-model__levels article{display:flex;min-height:335px;padding:25px;border:1px solid #343434;border-radius:25px;background:#121214;flex-direction:column}.opc-365-model__levels small{color:#caa65f;font-weight:900;letter-spacing:.13em}.opc-365-model__levels h3{margin:.25em 0;font-size:2rem}.opc-365-model__levels strong{font-size:1.15rem}.opc-365-model__levels p{color:#aaa;line-height:1.5}.opc-365-model__levels a{margin-top:auto;color:#fff;font-weight:950}
.opc-365-join,.opc-365-catalog,.opc-365-rules{width:min(1260px,calc(100% - 32px));margin:40px auto 100px}.opc-365-join>header,.opc-365-catalog>header{padding:clamp(32px,7vw,84px);border-radius:34px;background:var(--opc365-black);color:#fff}.opc-365-join>header p,.opc-365-catalog>header p{max-width:780px;color:#bbb;font-size:1.08rem;line-height:1.55}.opc-365-join__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:-22px 30px 34px;border:1px solid var(--opc365-line);border-radius:22px;background:#ddd;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.1)}.opc-365-join__steps span{display:flex;align-items:center;gap:10px;min-height:90px;padding:18px;background:#fff;font-weight:850}.opc-365-join__steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#d8b66c}
.opc-365-form{display:grid;gap:20px;padding:clamp(24px,5vw,58px);border:1px solid var(--opc365-line);border-radius:30px;background:#fff}.opc-365-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.opc-365-choice label{position:relative}.opc-365-choice input{position:absolute;opacity:0}.opc-365-choice span{display:grid;min-height:120px;padding:22px;border:2px solid #eee;border-radius:22px;cursor:pointer}.opc-365-choice input:checked+span{border-color:#111;background:#111;color:#fff}.opc-365-choice b{font-size:1.35rem}.opc-365-choice small{align-self:end;color:#777}.opc-365-choice input:checked+span small{color:#bbb}.opc-365-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.opc-365-form label{display:grid;gap:7px;font-weight:850}.opc-365-form input,.opc-365-form select,.opc-365-form textarea{width:100%;padding:14px 16px;border:1px solid #d8d8d8;border-radius:14px;background:#fafafa;font:inherit}.opc-365-form>button{min-height:56px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:950}.opc-365-consent{grid-template-columns:auto 1fr!important;align-items:start}.opc-365-consent input{width:auto;margin-top:4px}.opc-365-message{margin:24px 0;padding:18px 22px;border-radius:16px;background:#e8f7ec;color:#164d25}.opc-365-message--warning{background:#fff2d9;color:#65440d}
.opc-365-catalog>header>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.opc-365-catalog>header span{padding:12px 16px;border:1px solid #333;border-radius:999px;color:#bbb}.opc-365-catalog>header b{color:#fff}.opc-365-filter{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;margin:20px 0}.opc-365-filter input,.opc-365-filter select{padding:14px 16px;border:1px solid #d7d7d7;border-radius:999px;background:#fff;font:inherit}.opc-365-filter button,.opc-365-filter a{display:grid;place-items:center;padding:0 18px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:900;text-decoration:none}.opc-365-filter a{background:#cba75f;color:#111}
.opc-365-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.opc-365-card{overflow:hidden;border:1px solid var(--opc365-line);border-radius:24px;background:#fff}.opc-365-card>a{display:flex;height:100%;padding:15px;color:#111;text-decoration:none;flex-direction:column}.opc-365-card__image{display:grid;place-items:center;aspect-ratio:1/1;border-radius:17px;background:#111;color:#d8b66c;font:950 4rem/1 Georgia,serif;overflow:hidden}.opc-365-card__image img{width:100%;height:100%;object-fit:cover}.opc-365-card small{margin-top:16px;color:#9a752f;font-weight:900;letter-spacing:.08em}.opc-365-card h3{margin:.2em 0;font-size:1.55rem;line-height:1}.opc-365-card p{color:#666}.opc-365-card>a>b{margin-top:auto;padding-top:16px}.opc-365-empty{grid-column:1/-1;padding:50px;border-radius:24px;background:#fff}.opc-365-empty a{color:#111;font-weight:900}.opc-365-pages{margin-top:25px;text-align:center}.opc-365-pages .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;margin:3px;border-radius:50%;background:#fff;color:#111;text-decoration:none}.opc-365-pages .current{background:#111;color:#fff}
.opc-365-profile{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:45px 0;padding:30px;border-radius:26px;background:#fff}.opc-365-profile small{font-weight:900;letter-spacing:.1em}.opc-365-profile h2{margin:.2em 0}.opc-365-profile dl{margin:0}.opc-365-profile dl>div{padding:11px 0;border-bottom:1px solid #eee}.opc-365-profile dt{color:#777;font-size:.75rem}.opc-365-profile dd{margin:4px 0}.opc-365-profile aside{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:20px;border-radius:18px;background:#111;color:#fff}.opc-365-profile aside b{font-size:1.2rem}.opc-365-profile aside a{margin-left:auto;color:#d9b96f;font-weight:900}.opc-365-rules>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:35px 0}.opc-365-rules article{padding:24px;border-radius:22px;background:#fff}.opc-365-rules article b{font-size:1.25rem}
@media(max-width:900px){.opc-365-model__numbers,.opc-365-model__levels{grid-template-columns:1fr}.opc-365-model__numbers article{border-right:0;border-bottom:1px solid #37322a}.opc-365-join__steps{grid-template-columns:1fr 1fr}.opc-365-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.opc-365-model{padding:34px 18px;border-radius:26px}.opc-365-model h2,.opc-365-join h1,.opc-365-catalog h1,.opc-365-rules h1{font-size:13vw}.opc-365-join>header,.opc-365-catalog>header{padding:42px 22px;border-radius:26px}.opc-365-join__steps{grid-template-columns:1fr;margin:-18px 12px 25px}.opc-365-choice,.opc-365-fields,.opc-365-grid,.opc-365-rules>div,.opc-365-profile{grid-template-columns:1fr}.opc-365-filter{grid-template-columns:1fr}.opc-365-filter button,.opc-365-filter a{min-height:48px}.opc-365-profile aside{align-items:flex-start;flex-direction:column}.opc-365-profile aside a{margin-left:0}}
