html{scroll-behavior:smooth}body{color:#111827;background-color:#fff;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}main{padding-top:70px}.container{flex-direction:column;align-items:center;max-width:650px;margin:0 auto;display:flex}.cta-container{flex-flow:wrap-reverse;justify-content:center;gap:1rem;display:flex}.title{color:#111827;text-align:center;margin:0;font-size:2.5rem;font-weight:700}.subtitle{color:#6b7280;text-align:center;margin:.75rem 0 0;font-size:1.125rem}.dark-section{color:#fff;background-color:#111827}.dark-section .title{color:#fff}.dark-section .subtitle{color:#d3d3d3}.section{padding:70px 24px}.gray-section{color:#111827;background-color:#ededee}.green-section{color:#111827;background-color:#40f2cb}.green-section .subtitle{color:#111827}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:inherit;margin-bottom:12px;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{color:inherit;margin-bottom:16px;font-size:1.2rem;line-height:1.6}span{font-size:inherit;color:#40f2cb}.btn{text-align:center;cursor:pointer;background-color:#f4f4f4;border:1px solid #e9ecef;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .5s;display:inline-block;position:relative}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#111827;background-color:#40f2cb;border-color:#38cead;box-shadow:0 4px 8px rgba(64,242,203,.7)}.btn-primary:hover{background-color:#40f2cb;transform:translateY(-1px);box-shadow:0 10px 10px rgba(64,242,203,.5);color:#111827!important}.btn-secondary{color:#000;background-color:#ccc;border-color:#b8b8b8;box-shadow:0 4px 8px rgba(184,184,184,.7)}.btn-secondary:hover{background-color:#ccc;transform:translateY(-1px);box-shadow:0 10px 10px rgba(184,184,184,.5)}.btn-tertiary{color:#111827;background-color:#fd4f3f;border-color:#fd4f3f}.btn-tertiary:hover{background-color:#fd4f3f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(253,79,63,.2)}.btn-dark{color:#fff;background-color:#111827;border-color:#111827;box-shadow:0 4px 8px rgba(17,24,39,.7)}.btn-dark:hover{color:#40f2cb;background-color:#111827;transform:translateY(-1px);box-shadow:0 4px 12px rgba(17,24,39,.2)}.card{color:#111827;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.08)}.card h3{margin:0}.card-header{font-size:1rem;font-weight:700}.dark-card{padding:24px;transition:transform .2s ease-in-out;box-shadow:0 4px 12px rgba(123,123,123,.2);color:#fff!important;background-color:#111827!important}input,textarea{background-color:inherit;width:100%;color:inherit;box-sizing:border-box;background-color:#fff;border:2px solid #111827;border-radius:6px;outline:none;margin:8px 0;padding:12px;transition:border .3s}input:focus,textarea:focus{border-color:#40f2cb}.checkbox-container{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;border:2px solid #111827;border-radius:4px;width:20px;height:20px;transition:all .3s;position:relative}.checkbox-container input[type=checkbox]:checked{background-color:#40f2cb;border-color:#40f2cb}.checkbox-container input[type=checkbox]:checked:after{content:"✔";color:#111827;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-container{cursor:pointer;align-items:center;gap:8px;padding:8px 0;transition:all .3s;display:flex}.radio-container:hover{background-color:rgba(64,242,203,.1);border-radius:6px;padding-left:8px}.radio-container input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;border:2px solid #111827;border-radius:50%;width:20px;height:20px;transition:all .3s;position:relative}.radio-container input[type=radio]:checked{background-color:#40f2cb;border-color:#40f2cb}.radio-container input[type=radio]:checked:after{content:"";background-color:#111827;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-container label{cursor:pointer;color:#111827;flex:1;font-weight:500}.radio-group{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:16px 0;padding:16px}.radio-group label{color:#111827;margin-bottom:12px;font-weight:600;display:block}select{background-color:inherit;width:100%;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:#fff;border:2px solid #111827;border-radius:6px;padding:12px;transition:border .3s}select:focus{border-color:#40f2cb}.resources{max-width:850px;margin:0 auto}.settings-page{max-width:1200px;margin:0 auto;padding:20px}.settings-tabs{border-bottom:2px solid #111827;gap:8px;margin-bottom:32px;padding-bottom:0;display:flex}.tab-button{color:#111827;cursor:pointer;background-color:transparent;border:none;border-bottom:3px solid transparent;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;position:relative}.tab-button:hover{color:#40f2cb;background-color:rgba(64,242,203,.1)}.tab-button.active{background-color:rgba(64,242,203,.2);border-bottom-color:#40f2cb}.tab-content{min-height:400px}.dark-section .settings-page,.dark-section .tab-button{color:#fff}.dark-section .tab-button:hover{background-color:rgba(64,242,203,.2)}.dark-section .tab-content{color:#fff;background-color:#111827;border-color:#374151}.video-container{border-radius:8px;width:100%;height:0;margin:20px 0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.video-container{border-radius:6px;margin:16px 0}}