.tutoriel-gate-marker{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#a9ff001a,#00000005);border:2px dashed #a9ff00;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease}.tutoriel-gate-marker:hover{background:linear-gradient(135deg,#a9ff0026,#0000000a);border-color:#a9ff00;transform:translateY(-2px)}.tutoriel-gate-cta{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a1a}@media(prefers-color-scheme:dark){.tutoriel-gate-marker{background:linear-gradient(135deg,#a9ff0014,#a9ff0003);border-color:#9cec2f}.tutoriel-gate-marker:hover{background:linear-gradient(135deg,#a9ff001f,#a9ff0005)}.tutoriel-gate-cta{color:#f0f0f0}}.tutoriel-gated{animation:slideInUp .5s ease-out}.tutoriel-gated.tutoriel-revealed{animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutoriel-modal-overlay{position:fixed;inset:0;background:#0009;z-index:999;backdrop-filter:blur(2px)}.tutoriel-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;z-index:1000;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.tutoriel-modal h3{margin:0 0 .5rem;font-size:1.5rem;color:#1a1a1a}.tutoriel-modal p{margin:0 0 1.5rem;color:#666;line-height:1.5}.tutoriel-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.tutoriel-modal-close:hover{background:#f0f0f0;color:#1a1a1a}.tutoriel-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a9ff00;box-shadow:0 0 0 3px #a9ff001a}.form-group select{cursor:pointer}.btn-block{width:100%}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#a9ff00;color:#1a1a1a}.btn-primary:hover{background:#9cec2f;transform:translateY(-2px);box-shadow:0 4px 12px #a9ff004d}.btn-primary:active{transform:translateY(0)}.tutoriel-confirmation{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background:#a9ff00;color:#1a1a1a;padding:1rem 1.5rem;border-radius:6px;box-shadow:0 4px 12px #0003;font-weight:600;z-index:1001;transition:bottom .3s ease}.tutoriel-confirmation.show{bottom:20px}.tutoriel-confirmation p{margin:0}@media(prefers-color-scheme:dark){.tutoriel-modal{background:#1a1a1a}.tutoriel-modal h3{color:#fff}.tutoriel-modal p{color:#aaa}.tutoriel-modal-close:hover{background:#333;color:#fff}.form-group input,.form-group select,.form-group textarea{background:#2a2a2a;border-color:#444;color:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#a9ff00;box-shadow:0 0 0 3px #a9ff0026}.btn-primary,.tutoriel-confirmation{background:#a9ff00;color:#1a1a1a}}@media(max-width:640px){.tutoriel-modal{max-width:95%;padding:1.5rem}.tutoriel-modal h3{font-size:1.25rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.tutoriel-confirmation{left:auto;right:10px;transform:none}}