/* Divine Temple - Optimized Critical CSS */
/* This file contains only the essential styles for above-the-fold content */

:root{--primary-bg:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);--accent-purple:#8b5fbf;--accent-gold:#d4af37;--glass-bg:rgba(255,255,255,.1);--glass-border:rgba(255,255,255,.2);--text-shadow:2px 2px 4px rgba(0,0,0,.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--primary-bg);color:#fff;line-height:1.6;overflow-x:hidden;font-display:swap}

/* Critical above-the-fold styles */
.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--primary-bg);position:relative}

.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.3)}

.temple-title{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--accent-purple),var(--accent-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;margin-bottom:1rem}

.temple-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:rgba(255,255,255,.8);margin-bottom:2rem;font-weight:300}

/* Critical loading states */
.loading-spinner{width:40px;height:40px;border:4px solid rgba(212,175,55,.3);border-top:4px solid var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}

@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Critical navigation */
.nav-container{position:fixed;top:0;width:100%;z-index:1000;background:rgba(26,26,46,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}

.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}

.logo{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--accent-gold);text-decoration:none}

/* Critical buttons */
.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-gold));color:#fff;border:none;padding:1rem 2rem;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}

.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(139,92,246,.4)}

/* Critical form elements */
.form-group{margin-bottom:1.5rem}

.form-group label{display:block;margin-bottom:.5rem;color:var(--accent-gold);font-weight:600}

.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-bg);color:#fff;font-size:1rem;backdrop-filter:blur(10px)}

.form-group input::placeholder{color:rgba(255,255,255,.6)}

/* Critical responsive design */
@media (max-width:768px){
.nav-content{padding:1rem}
.temple-title{font-size:2.5rem}
.glass-card{padding:1.5rem;margin:1rem}
.btn-primary{padding:.8rem 1.5rem;font-size:1rem}
}

/* Font loading optimization */
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2') format('woff2')}

@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 700;font-display:swap;src:url('https://fonts.gstatic.com/s/playfairdisplay/v30/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtXK-F2qC0s.woff2') format('woff2')}

/* Critical accessibility */
@media (prefers-reduced-motion:reduce){
*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Critical focus states */
:focus{outline:2px solid var(--accent-gold);outline-offset:2px}

/* Critical error states */
.error{color:#ef4444;border-color:#dc2626!important}

.success{color:#10b981;border-color:#059669!important}

/* Critical loading states for content */
.content-loading{background:linear-gradient(90deg,#1a1a2e 25%,#2a2a4e 50%,#1a1a2e 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:10px;height:20px;margin:10px 0}

@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Critical dark mode support */
@media (prefers-color-scheme:dark){
:root{--glass-bg:rgba(255,255,255,.05);--glass-border:rgba(255,255,255,.1)}
}

/* Critical print styles */
@media print{
.nav-container,.btn-primary{display:none}
body{background:#fff;color:#000}
.glass-card{background:#fff;border:1px solid #000}
}