html, body { margin: 0; padding: 0; background: #050505; }
html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
a { color: #FFCC05; text-decoration: none; }
a:hover { color: #ffffff; }
input, select, textarea { font-family: 'Calibri', 'Segoe UI', Arial, sans-serif; }
input::placeholder, textarea::placeholder { color: #5f5f59; }
input:focus, select:focus, textarea:focus { outline: none; border-color: rgba(255,204,5,0.6); }
select option { background: #0a0a0a; color: #f4f4f0; }

@media (max-width: 760px) {
  .phi-stack { grid-template-columns: 1fr !important; }
  .phi-stack-reverse { grid-template-columns: 1fr !important; }
}
@media (max-width: 700px) {
  .phi-evolution { grid-template-columns: 1fr !important; }
  .phi-evolution > div:nth-child(2) { display: none !important; }
  .phi-before-tag { display: inline !important; }
}

.phi-page {
  background: #050505;
  font-family: 'Calibri', 'Segoe UI', Arial, sans-serif;
  color: #f4f4f0;
  -webkit-font-smoothing: antialiased;
}
.phi-page-shell { min-height: 100vh; display: flex; flex-direction: column; }
.phi-page-body { font-size: 18.9px; line-height: 1.65; }
</content>