/* =========================================
   Thème Omega Corps Studio — Omega View
   Inspiré de la home principale
   ========================================= */

:root{
  --bg-0:#050507;
  --bg-1:#09090f;
  --bg-2:#0f0c10;
  --card:#111015;
  --text:#f5f3f5;
  --muted:#bdaeb3;
  --brand:#9d0b28;
  --brand-2:#b11226;
  --ring:rgba(157,11,40,.55);
  --radius:14px;
  --radius-lg:22px;
  --shadow:0 10px 30px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.4);
  --max:1150px;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  color:var(--text);
  background:var(--bg-0);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  line-height:1.5;
  overflow-x:hidden;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:1.6rem;
}

/* Fond animé Omega */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:url("./OmegaFond.gif") center/cover no-repeat;
  filter:brightness(.34) saturate(1.05) contrast(1.06) hue-rotate(-6deg);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(1200px 800px at 10% -10%, rgba(157,11,40,.28), transparent 60%),
    radial-gradient(900px 600px at 90% 0%, rgba(110,6,26,.18), transparent 65%),
    linear-gradient(180deg, rgba(10,6,8,.92), rgba(10,6,8,.42) 55%, rgba(10,6,8,.78));
}

/* Liens */
a{color:inherit;text-decoration:none}

/* Conteneur principal */
.page{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  background:rgba(10,8,10,.94);
  border-radius:var(--radius-lg);
  padding:1.1rem 1.4rem 1.6rem;
  box-shadow:var(--shadow);
}

/* Container */
.container{
  max-width:var(--max);
  margin:0 auto;
}

/* ===========================
   NAVBAR
   =========================== */

.omega-header{
  position:sticky;
  top:0;
  z-index:10;
  background:linear-gradient(180deg, rgba(8,6,7,.96), rgba(8,6,7,.6) 60%, rgba(8,6,7,0));
  border-bottom:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  margin:-1.1rem -1.4rem 0;
  padding:0.3rem 1.4rem 0.6rem;
}

.omega-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

/* Brand avec logo */
.omega-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.omega-logo{
  width:64px;
  height:64px;
  border-radius:12px;
  background:rgba(0,0,0,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 18px rgba(0,0,0,.6);
}
.omega-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.omega-name{
  font-family:Oxanium,Inter,system-ui;
  font-weight:700;
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.omega-sub{
  display:block;
  font-size:.8rem;
  color:var(--muted);
  margin-top:-2px;
}

/* Zone droite : Google / user */
.omega-header-right{
  display:flex;
  align-items:center;
  gap:10px;
}

.omega-user-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  font-size:.85rem;
}
.omega-user-name{
  max-width:160px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.omega-user-logout{
  font-size:.8rem;
  color:#f2b4bd;
}

/* ===========================
   HERO CENTRAL : WELCOME TO OMEGA VIEW
   =========================== */

.omega-home{
  padding-top:0.8rem;
}

.omega-hero-block{
  background:var(--bg-1);
  border-radius:0 0 var(--radius-lg) var(--radius-lg);
  padding:3rem 1.6rem 3.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:0.4rem;
}

.omega-hero-title-box{
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.18);
  padding:1.8rem 2.8rem;
  text-align:center;
  background:radial-gradient(circle at top, rgba(157,11,40,.22), transparent 65%);
  box-shadow:0 10px 30px rgba(0,0,0,.6);
}

.omega-hero-title{
  font-family:Oxanium,Inter,system-ui;
  font-size:2.2rem;
  line-height:1.2;
  letter-spacing:.22em;
  text-transform:uppercase;
  margin:0;
}

/* ===========================
   BLOC WATCH / MY PROFIL
   =========================== */

.omega-main-split{
  margin-top:1.9rem;
  border-radius:var(--radius-lg);
  overflow:hidden;
  height:260px;
  background:#f5f3f5;
  position:relative;
  box-shadow:0 16px 36px rgba(0,0,0,.65);
}

/* pseudo-ligne diagonale */
.omega-main-split::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:150%;
  height:2px;
  background:rgba(0,0,0,.16);
  transform-origin:left bottom;
  transform:rotate(15deg);
}

/* deux moitiés cliquables */
.omega-main-half{
  position:relative;
  width:50%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-family:Oxanium,Inter,system-ui;
  font-size:2rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#111;
  transition:transform .15s ease, background .15s ease, color .15s ease;
}

.omega-main-left{
  float:left;
  background:linear-gradient(135deg,#ffffff,#f1f1f1);
}
.omega-main-right{
  float:right;
  background:linear-gradient(315deg,#ffffff,#f1f1f1);
}

.omega-main-half span{
  pointer-events:none;
}

.omega-main-left:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#ffe1e1,#f7f7f7);
  color:#c62828;
}
.omega-main-right:hover{
  transform:translateY(-2px);
  background:linear-gradient(315deg,#e1e9ff,#f7f7f7);
  color:#1e40af;
}

/* ===========================
   Messages génériques (pour d'autres pages)
   =========================== */

.message-success{
  color:#4ade80;
  background:rgba(22,163,74,.1);
  border-left:3px solid #4ade80;
  padding:.5rem .75rem;
  margin-bottom:.75rem;
  border-radius:6px;
}
.message-error{
  color:#f97373;
  background:rgba(239,68,68,.1);
  border-left:3px solid #f97373;
  padding:.5rem .75rem;
  margin-bottom:.75rem;
  border-radius:6px;
}

/* ===========================
   Responsive
   =========================== */

@media (max-width:900px){
  body{
    padding:1rem;
  }

  .page{
    padding:1rem 1.1rem 1.3rem;
  }

  .omega-header{
    padding:0.4rem 1.1rem 0.7rem;
  }

  .omega-logo{
    width:52px;
    height:52px;
  }

  .omega-hero-block{
    padding:2.2rem 0.9rem 2.4rem;
  }

  .omega-hero-title-box{
    padding:1.3rem 1.6rem;
  }

  .omega-hero-title{
    font-size:1.6rem;
    letter-spacing:.17em;
  }

  .omega-main-split{
    height:190px;
  }

  .omega-main-half{
    font-size:1.4rem;
    letter-spacing:.17em;
  }
}