* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Cinzel', serif; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #eee; line-height: 1.7; }
header { background: linear-gradient(135deg, #c9a227 0%, #d4af37 50%, #f4d03f 100%); padding: 2.5rem 0; text-align: center; }
header h1 { font-size: 3.5rem; margin-bottom: 0.5rem; color: #1a1a2e; text-shadow: 1px 1px 2px rgba(255,255,255,0.3); }
nav { background: #0f0f23; padding: 1rem; display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; }
nav a { color: #d4af37; text-decoration: none; padding: 0.6rem 1.2rem; transition: 0.3s; font-size: 1.1rem; }
nav a:hover { color: #f4d03f; text-shadow: 0 0 10px rgba(212,175,55,0.5); }
main { max-width: 1400px; margin: 0 auto; padding: 3rem 2rem; }
.hero { text-align: center; padding: 6rem 2rem; background: linear-gradient(rgba(26,26,46,0.9), rgba(22,33,62,0.9)), url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><rect fill=\"%23121d33\" width=\"100\" height=\"100\"/><circle fill=\"%2316213e\" cx=\"20\" cy=\"20\" r=\"15\"/><circle fill=\"%2316213e\" cx=\"80\" cy=\"80\" r=\"15\"/></svg>'); background-size: cover; border: 2px solid #d4af37; border-radius: 20px; margin-bottom: 4rem; }
.hero h2 { font-size: 3rem; color: #d4af37; margin-bottom: 1.5rem; }
.escort-showcase { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2.5rem; margin: 4rem 0; }
.escort-profile { background: linear-gradient(145deg, #16213e, #1a1a2e); border-radius: 16px; overflow: hidden; border: 1px solid #d4af37; transition: 0.4s; }
.escort-profile:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(212,175,55,0.3); }
.escort-photo { height: 320px; background: linear-gradient(135deg, #d4af37, #f4d03f); display: flex; align-items: center; justify-content: center; font-size: 5rem; }
.escort-details { padding: 2rem; }
.escort-details h3 { color: #d4af37; font-size: 1.6rem; margin-bottom: 0.5rem; }
.escort-details .subtitle { color: #c9a227; margin-bottom: 1rem; font-style: italic; }
.escort-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin: 1rem 0; }
.stat-item { background: #0f0f23; padding: 0.6rem; text-align: center; border-radius: 6px; }
.stat-label { color: #888; font-size: 0.8rem; }
.stat-value { color: #d4af37; font-weight: bold; }
.book-btn { width: 100%; background: linear-gradient(135deg, #c9a227, #d4af37); color: #1a1a2e; padding: 0.9rem; border: none; border-radius: 8px; cursor: pointer; font-size: 1.1rem; font-weight: bold; transition: 0.3s; margin-top: 1rem; }
.book-btn:hover { background: linear-gradient(135deg, #d4af37, #f4d03f); transform: scale(1.02); }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin: 4rem 0; }
.service-item { background: linear-gradient(145deg, #16213e, #1a1a2e); padding: 2.5rem; border-radius: 16px; border-left: 4px solid #d4af37; }
.service-item h3 { color: #d4af37; font-size: 1.5rem; margin-bottom: 1rem; }
footer { background: #0f0f23; text-align: center; padding: 3rem 2rem; margin-top: 6rem; border-top: 2px solid #d4af37; }
footer a { color: #d4af37; text-decoration: none; }