*{margin:0;padding:0;box-sizing:border-box;}body{background:#fef9e7;font-family:'Segoe UI','Roboto',system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;}.double-border-card{max-width:1100px;width:100%;background:#ffffffdd;backdrop-filter:blur(2px);border:4px solid #f7c948;border-radius:48px 48px 32px 32px;box-shadow:0 20px 40px rgba(247,201,72,0.25),0 8px 16px rgba(0,0,0,0.05);padding:12px;transition:all 0.1s ease;}.inner-card{background:#ffffff;border:3px solid #ffb347;border-radius:36px 36px 24px 24px;padding:2.2rem 2.5rem;box-shadow:inset 0 2px 8px rgba(255,179,71,0.1);}.title-section{display:flex;align-items:center;gap:12px;margin-bottom:1.8rem;border-bottom:3px dashed #f7c948;padding-bottom:0.8rem;}.title-section h1{font-size:2.4rem;font-weight:700;color:#2d5a27;letter-spacing:-0.3px;background:linear-gradient(145deg,#3b7a3a,#2d5a27);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.title-badge{background:#f7c948;padding:0.2rem 1rem;border-radius:40px;color:#2d4a1e;font-weight:600;font-size:1rem;border:2px solid #e5a82f;box-shadow:0 2px 0 #d49a2a;}.section{margin:2.2rem 0 1.8rem 0;}.section-title{display:flex;align-items:center;gap:10px;font-size:1.7rem;font-weight:600;color:#2d5a27;margin-bottom:1.2rem;border-left:12px solid #f7c948;padding-left:18px;}.section-title svg{flex-shrink:0;}.highlight-box{background:#fef5e0;border-radius:28px;padding:1.2rem 1.8rem;border:2px solid #f7d98c;margin:1.2rem 0;box-shadow:0 4px 0 #f0cd7a;}.styled-table{width:100%;border-collapse:separate;border-spacing:0 8px;margin:1.5rem 0;}.styled-table th{background:#f7c948;color:#2d4a1e;font-weight:600;padding:14px 12px;border-radius:30px 30px 12px 12px;font-size:1.1rem;border:2px solid #e5a82f;}.styled-table td{background:#fefcf5;padding:14px 16px;border-radius:20px;border:2px solid #f7d98c;font-weight:500;color:#1f3b1a;}.styled-table tr td:first-child{font-weight:600;background:#fcf3db;}pre{background:#2a3f2a;color:#f5f0d7;padding:1.4rem 1.8rem;border-radius:28px;font-size:0.95rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:3px solid #f7c948;box-shadow:inset 0 0 0 2px #4a6b3f;margin:1.2rem 0;font-family:'JetBrains Mono','Fira Code','Cascadia Code',monospace;}pre .keyword{color:#f7c948;}pre .fun{color:#b5e853;}pre .comment{color:#9c9;}.cool-list{list-style:none;padding-left:0;}.cool-list li{background:#fcf3db;border:2px solid #f7d98c;border-radius:40px;padding:12px 20px 12px 48px;margin:10px 0;position:relative;font-weight:500;color:#1f3b1a;box-shadow:0 2px 0 #ecd07a;}.cool-list li::before{content:"✋";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.4rem;}.svg-container{background:#fcf9ef;border-radius:40px;padding:1.2rem;border:3px solid #f7d98c;margin:1.8rem 0;display:flex;justify-content:center;}svg text{font-family:'Segoe UI',system-ui,sans-serif;}.footer{margin-top:3rem;padding-top:1.2rem;border-top:4px double #f7c948;text-align:center;font-size:1.2rem;font-weight:600;color:#3b6b2f;letter-spacing:2px;}.footer span{background:#f7c948;padding:0.2rem 2rem;border-radius:40px;border:2px solid #d49a2a;display:inline-block;}@media (max-width:680px){.inner-card{padding:1.5rem 1rem;}.title-section h1{font-size:1.8rem;}.section-title{font-size:1.4rem;}}