/* OofChanger Ocean skin: preserves the original Claude design language while using live PHP exchange controls */
:root{--ocean-bg:url("../images/background.svg")}
.oc-ocean-page{position:relative;isolation:isolate;min-height:80vh;padding:32px 18px 0;color:#13254a;font-family:Inter,Arial,sans-serif;background:linear-gradient(120deg,rgba(8,32,91,.90),rgba(9,83,156,.76)),var(--ocean-bg) center/cover fixed no-repeat}
.oc-ocean-scene{display:none}
.oc-ocean-hero{max-width:1200px;margin:0 auto;padding:30px 0 24px;text-align:center}
.oc-ocean-badge{display:inline-flex;padding:8px 16px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.oc-ocean-hero h1{margin:18px auto 10px;color:#fff;font-size:clamp(32px,4.2vw,56px);line-height:1.12;font-weight:800;letter-spacing:-.035em}
.oc-ocean-hero h1 span{color:#78d7ff}
.oc-ocean-sub{max-width:680px;margin:0 auto 28px;color:#e6f4ff;font-size:16px}
.oc-ocean-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 auto 24px;text-align:left}
.oc-ocean-features>div,.oc-ocean-benefits>div{padding:15px 16px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff}
.oc-ocean-features b,.oc-ocean-benefits b{display:block;font-size:14px}
.oc-ocean-features small,.oc-ocean-benefits small{display:block;margin-top:5px;color:#e1efff;font-size:12px}
.oc-ocean-card{max-width:1000px;margin:0 auto;padding:24px;text-align:left;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(0,15,55,.28)}
.oc-ocean-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.oc-ocean-card-title>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e8f5ff;color:#0879d5;font-size:26px}
.oc-ocean-card-title b{display:block;color:#10264c;font-size:23px}
.oc-ocean-card-title small{color:#65748b}
.oc-ocean-card #CE_ExForm{margin:0}
.oc-ocean-card .form-control,.oc-ocean-card select{min-height:48px;border:1px solid #d7e2f0;border-radius:10px;box-shadow:none}
.oc-ocean-card label{color:#243b60;font-weight:700}
.oc-ocean-card .btn-primary{border:0;border-radius:12px;background:linear-gradient(100deg,#0879dc,#05a8d8);font-weight:800;padding:13px 24px;box-shadow:0 8px 22px rgba(5,130,215,.2)}
.oc-ocean-card .oc-guidelines{max-height:250px;overflow:auto;padding:20px;border:1px solid #dce7f4;border-radius:14px;background:#f7fbff;color:#34435b}
.oc-ocean-card .oc-guidelines h2{color:#12366a}
.oc-ocean-card .oc-guidelines-scroll-notice{margin:12px 0;color:#667891;font-size:13px}
.oc-ocean-card .oc-confirm-locked{opacity:.55;cursor:not-allowed}
.oc-ocean-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px auto 0;text-align:left}
.oc-ocean-lower{max-width:1200px;margin:0 auto;padding:28px 18px;color:#fff}
.oc-ocean-lower h3{color:#fff;font-weight:800}
.oc-ocean-lower .container{width:100%}
.oc-ocean-lower .cryptoexchanger-news,.oc-ocean-lower .cryptoexchanger-reviews,.oc-ocean-lower .main-container{background:transparent}
.oc-ocean-page~.main-footer{background:#081d4a}
@media(max-width:850px){.oc-ocean-features,.oc-ocean-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-ocean-card{padding:16px}.oc-ocean-hero{padding-top:18px}}
@media(max-width:520px){.oc-ocean-page{padding:18px 10px 0;background-attachment:scroll}.oc-ocean-features,.oc-ocean-benefits{grid-template-columns:1fr}.oc-ocean-hero h1{font-size:34px}.oc-ocean-sub{font-size:14px}.oc-ocean-card{border-radius:16px}}