/* STREAMING_CHUNK:Defining core minimalist styles... */
body {
font-family: 'Inter', sans-serif;
}

/* Page transitions */
.page-fade {
animation: fadeIn 0.4s ease-out;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: translateY(0); }
}

.hidden {
display: none;
}

/* Card Ratios (Length > Width) */
.strat-card {
height: 420px;
cursor: pointer;
}

/* Minimal Input Styling */
.calc-input {
width: 100%;
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 12px 0;
color: white;
outline: none;
transition: border-color 0.3s;
font-size: 1.125rem;
}

.calc-input:focus {
border-color: #10b981;
}

/* Strategy Content Styling */
.content-section {
margin-bottom: 3rem;
}

.content-section h3 {
font-size: 1.5rem;
font-weight: 300;
margin-bottom: 1.5rem;
color: #10b981;
}

.content-section p {
color: #94a3b8;
line-height: 1.8;
font-size: 0.95rem;
margin-bottom: 1rem;
}

.rule-box {
padding: 2rem;
background: rgba(255, 255, 255, 0.02);
border-left: 2px solid #10b981;
margin: 2rem 0;
}

.backtest-task {
padding: 2rem;
background: #10b98110;
border: 1px solid #10b98120;
margin-top: 3rem;
}