/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

:root {
    --nexo-primary-color: #F97015;
    --nexo-secondary-color: #F9521F;
    --nexo-surface: #ffffff;
    --nexo-text-color: #2f2f2f;
}

/* Inter font-face (local files) */
@font-face {
      font-family: 'Inter';
   src: url('../fonts/Inter-Regular.ttf') format('truetype');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
}
@font-face {
      font-family: 'Inter';
   src: url('../fonts/Inter-Bold.ttf') format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
}

/* Public-facing cards with minimalist glass effect */
.nexo-public-card {
   position: relative;
   overflow: hidden;
   background: linear-gradient(135deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.45) 100%);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border-radius: 14px;
   padding: 28px;
   box-shadow: 0 8px 32px rgba(0,0,0,0.06);
   color: var(--nexo-text-color);
   border: 1px solid rgba(255,255,255,0.45);
   transition: transform .22s cubic-bezier(.2,.9,.3,1), box-shadow .22s ease, background .22s ease;
   font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

.nexo-public-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 16px 45px rgba(0,0,0,0.1);
   background: linear-gradient(135deg, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.55) 100%);
}

.nexo-public-card h2,
.nexo-public-card h3 {
   margin: 0 0 12px 0;
   font-weight: 600;
   color: var(--nexo-primary-color);
}

.nexo-public-card p {
   margin: 0 0 8px 0;
   color: rgba(47,47,47,0.8);
   line-height: 1.6;
}

.nexo-public-card-button {
   background: linear-gradient(135deg, var(--nexo-primary-color), var(--nexo-secondary-color));
   color: #fff;
   text-decoration: none;
   display: inline-block;
   padding: 12px 20px;
   border-radius: 10px;
   font-weight: 600;
   transition: all .22s cubic-bezier(.2,.9,.3,1);
   box-shadow: 0 4px 15px rgba(249, 112, 21, 0.3);
   border: none;
   cursor: pointer;
   font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

.nexo-public-card-button:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(249, 112, 21, 0.4);
}

.nexo-public-card-button:active {
   transform: translateY(0);
}