:root{--primary-color:#4a2c8f;--secondary-color:#6b46c1;--accent-color:#f6ad55;--text-color:#2d3748;--bg-color:#f7fafc;--light-accent:#e9d8fd}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Mitr,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:800px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}h1{color:var(--primary-color);margin-bottom:.5rem}.tagline{color:var(--secondary-color);font-size:1.2rem}section{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem;margin-bottom:2rem}h2{color:var(--secondary-color);margin-bottom:1rem;border-bottom:2px solid var(--light-accent);padding-bottom:.5rem}.code-container{display:flex;justify-content:space-between;align-items:center;background-color:#edf2f7;padding:1rem;border-radius:4px;margin-top:1rem}#secret-code{font-family:monospace;font-size:.9rem;word-break:break-all;flex:1 1}#copy-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:1rem;transition:transform .2s}#copy-btn:hover{transform:scale(1.2)}.instructions ol{margin-left:1.5rem}.instructions li{margin-bottom:.5rem}.highlight{color:var(--accent-color);font-weight:500;margin-top:1rem;text-align:center}.decoder-steps{display:grid;grid-gap:1rem;gap:1rem}.step{margin-bottom:1rem}.step label{display:block;margin-bottom:.5rem;color:var(--secondary-color);font-weight:500}textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-family:monospace;resize:vertical;min-height:60px}textarea.correct{border-color:#48bb78;background-color:#f0fff4}.check-button{background-color:var(--secondary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-family:Mitr,sans-serif;font-weight:500;cursor:pointer;display:block;margin:1.5rem auto 0;transition:background-color .2s}.check-button:hover{background-color:var(--primary-color)}footer{text-align:center;margin-top:2rem;color:var(--secondary-color);font-size:.9rem}.hint-box{background-color:#feebc8;border:2px dashed var(--accent-color)}.countdown-timer{color:#ed8936;font-weight:500}.countdown-timer,.target-date{text-align:center;margin:.5rem 0}.target-date{color:#744210;font-weight:400}.help-button{display:block;background-color:var(--accent-color);color:#744210;text-decoration:none;text-align:center;padding:.5rem 1rem;border-radius:4px;margin:1rem auto;max-width:250px;font-weight:500;transition:background-color .2s}.help-button:hover{background-color:#f6ad55}@media (max-width:768px){.container{padding:1rem}h1{font-size:1.5rem}section{padding:1rem}}