*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;}.container{max-width:1200px;margin:0 auto;padding:20px;}.header{text-align:center;margin-bottom:3rem;color:white;}.header h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}.header p{font-size:1.2rem;opacity:0.9;max-width:600px;margin:0 auto;}.main-content{background:white;border-radius:20px;padding:3rem;box-shadow:0 20px 60px rgba(0,0,0,0.1);margin-bottom:2rem;}.framework-section{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#333;padding:2rem;border-radius:15px;margin-bottom:3rem;}.framework-title{font-size:2.5rem;text-align:center;margin-bottom:2rem;color:#2c3e50;}.framework-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;}.framework-item{background:rgba(255,255,255,0.8);padding:1.5rem;border-radius:10px;border-left:4px solid #f39c12;}.framework-letter{font-size:2rem;font-weight:bold;margin-bottom:0.5rem;color:#f39c12;}.framework-word{font-size:1.3rem;font-weight:600;margin-bottom:0.5rem;color:#2c3e50;}.section{margin-bottom:3rem;}.section h2{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;border-bottom:3px solid #f39c12;padding-bottom:0.5rem;}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem;}.example-card{background:#f8f9fa;border:1px solid #dee2e6;padding:1.5rem;border-radius:10px;border-left:4px solid #f39c12;}.example-header{background:#f39c12;color:white;padding:1rem;margin:-1.5rem -1.5rem 1.5rem -1.5rem;border-radius:10px 10px 0 0;font-weight:bold;}.example-scenario{background:#e9ecef;padding:1rem;border-radius:5px;margin-bottom:1rem;font-style:italic;border-left:3px solid #f39c12;}.example-analysis{background:#d4edda;padding:1rem;border-radius:5px;margin-top:1rem;border-left:3px solid #28a745;}.example-strategy{background:#fff3cd;padding:1rem;border-radius:5px;margin-top:1rem;border-left:3px solid #ffc107;}.dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;}.dimension-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:1.5rem;border-radius:10px;text-align:center;}.dimension-icon{font-size:2.5rem;margin-bottom:1rem;}.dimension-title{font-size:1.2rem;font-weight:bold;margin-bottom:1rem;}.dimension-points{list-style:none;padding:0;text-align:left;}.dimension-points li{padding:0.3rem 0;position:relative;padding-left:1.5rem;}.dimension-points li::before{content:"→";position:absolute;left:0;color:#fff;font-weight:bold;}.methods-section{background:#f8f9fa;padding:2rem;border-radius:10px;margin-top:2rem;}.method-item{background:white;padding:1.5rem;margin-bottom:1.5rem;border-radius:8px;border-left:4px solid #17a2b8;}.method-title{font-weight:bold;color:#2c3e50;margin-bottom:1rem;}.method-description{margin-bottom:1rem;}.method-example{background:#e8f5e8;padding:1rem;border-radius:5px;border-left:3px solid #28a745;}.personas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;}.persona-card{background:#fff3cd;border:1px solid #ffeaa7;padding:1.5rem;border-radius:8px;}.persona-header{display:flex;align-items:center;margin-bottom:1rem;}.persona-avatar{font-size:2rem;margin-right:1rem;}.persona-name{font-weight:bold;color:#856404;font-size:1.2rem;}.persona-details{background:white;padding:1rem;border-radius:5px;margin-top:1rem;}.checklist{background:#e8f5e8;padding:2rem;border-radius:10px;margin-top:2rem;}.checklist-item{display:flex;align-items:center;margin-bottom:1rem;padding:0.5rem;background:white;border-radius:5px;}.checklist-item::before{content:"✓";color:#28a745;font-weight:bold;margin-right:1rem;font-size:1.2rem;}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;}.tip-card{background:#d1ecf1;border:1px solid #bee5eb;padding:1.5rem;border-radius:8px;}.tip-title{font-weight:bold;color:#0c5460;margin-bottom:0.5rem;}.warning-box{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1.5rem;border-radius:8px;margin-top:2rem;}.ai-hint{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1.5rem;border-radius:8px;margin-top:2rem;}.cta-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:3rem;border-radius:15px;text-align:center;margin-top:3rem;}.cta-button{display:inline-block;background:white;color:#667eea;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:bold;margin-top:1rem;transition:transform 0.3s ease;}.cta-button:hover{transform:translateY(-2px);}@media (max-width:768px){.header h1{font-size:2rem;}.main-content{padding:1.5rem;}.framework-grid,.examples-grid,.dimensions-grid{grid-template-columns:1fr;}}