*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Arial',sans-serif;background:#ffffff;color:#374151;line-height:1.8;overflow-x:hidden}
a{color:#0891b2;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all 0.3s ease}
a:hover{color:#0e7490;border-bottom-color:#0e7490}

.deck-platform{background:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%);min-height:100vh}

.deck-header{background:linear-gradient(135deg,#164e63,#0891b2);color:#ffffff;padding:4rem 0;text-align:center;position:relative}
.deck-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#164e63,#0891b2,#164e63)}

.header-container{max-width:1000px;margin:0 auto;padding:0 2rem}
.main-heading{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;margin-bottom:1.5rem;letter-spacing:1px}
.deck-subtitle{font-size:1.4rem;opacity:0.9;font-weight:400;max-width:700px;margin:0 auto}

.deck-center{max-width:1100px;margin:0 auto;padding:4rem 2rem}

.deck-intro{background:#ffffff;border-radius:15px;padding:3rem;margin-bottom:4rem;box-shadow:0 8px 25px rgba(0,0,0,0.08);border-left:5px solid #0891b2}
.intro-text{font-size:1.2rem;color:#4b5563;line-height:1.7;text-align:center}

.guidelines-grid{display:grid;gap:3rem}

.guideline-card{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1px solid #e5e7eb;margin-bottom:2rem}

.guideline-header{background:linear-gradient(135deg,#164e63,#0891b2);color:#ffffff;padding:2rem;position:relative}
.guideline-header::after{content:'';position:absolute;bottom:-10px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #164e63}

.guideline-name{font-size:1.8rem;font-weight:600;margin-bottom:0.5rem}
.guideline-type{font-size:1rem;opacity:0.8;text-transform:uppercase;letter-spacing:2px}

.guideline-content{padding:2.5rem}
.guideline-text{font-size:1.1rem;color:#4b5563;line-height:1.8;margin-bottom:2rem}

.examples-section{background:#ecfeff;border-radius:8px;padding:2rem;margin:2rem 0}
.examples-title{color:#0891b2;font-size:1.2rem;font-weight:600;margin-bottom:1rem}
.example-list{list-style:none;padding:0}
.example-item{padding:0.8rem 0;border-bottom:1px solid #cffafe;color:#6b7280}
.example-item:last-child{border-bottom:none}
.example-item::before{content:'⛅';margin-right:1rem;font-size:0.9rem}

.highlight-box{background:linear-gradient(135deg,rgba(8,145,178,0.05),rgba(22,78,99,0.05));border:2px solid rgba(8,145,178,0.2);border-radius:12px;padding:2.5rem;margin:3rem 0}
.highlight-title{color:#164e63;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;text-align:center}
.highlight-content{color:#4b5563;font-size:1.1rem;line-height:1.8}

.tip-box{background:#f0fdf4;border-radius:10px;padding:2rem;margin:2rem 0;border-left:4px solid #22c55e}
.tip-title{color:#16a34a;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}
.tip-list{list-style:none;padding:0}
.tip-item{padding:0.5rem 0;color:#4b5563;font-size:1rem}
.tip-item strong{color:#16a34a}

.season-box{background:linear-gradient(135deg,rgba(245,158,11,0.05),rgba(217,119,6,0.05));border:2px solid rgba(245,158,11,0.3);border-radius:12px;padding:2.5rem;margin:3rem 0}
.season-title{color:#d97706;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;text-align:center}
.season-content{color:#4b5563;font-size:1.1rem;line-height:1.8}

.deck-summary{background:linear-gradient(135deg,#164e63,#0891b2);color:#ffffff;border-radius:15px;padding:3rem;margin:4rem 0;text-align:center}
.summary-title{font-size:1.8rem;font-weight:300;margin-bottom:2rem}
.summary-text{font-size:1.1rem;opacity:0.95;line-height:1.8}

.deck-footer{background:#ecfeff;border-top:1px solid #a5f3fc;padding:3rem 2rem;text-align:center}
.footer-text{color:#164e63;font-size:1rem}

@media(max-width:768px){
.deck-header{padding:3rem 0}
.deck-center{padding:2rem 1rem}
.guideline-content{padding:1.5rem}
.guideline-header{padding:1.5rem}
.deck-intro{padding:2rem}
}