:root{--purple:#5300ff;--purple:color(display-p3 0.31 0 0.95);--red:#ff003f;--red:color(display-p3 1 0 0.28);--gradient-outstanding-orange:#ffa900;--gradient-outstanding-orange:color(display-p3 1 0.663 0);--gradient-outstanding-pink:#ff2893;--gradient-outstanding-pink:color(display-p3 1 0.157 0.576);--gradient-outstanding-purple:var(--purple);--gradient-impressive-green:#00ff68;--gradient-impressive-green:color(display-p3 0 1 0.408);--gradient-impressive-yellow:#fffe59;--gradient-impressive-yellow:color(display-p3 1 0.996 0.349);--gradient-solid-green:#00f5a8;--gradient-solid-green:color(display-p3 0 0.961 0.659);--gradient-solid-blue:#006dfa;--gradient-solid-blue:color(display-p3 0 0.427 0.98);--gradient-improvable-red:#ff3666;--gradient-improvable-red:color(display-p3 1 0.212 0.4);--gradient-improvable-orange:#ffb115;--gradient-improvable-orange:color(display-p3 1 0.694 0.082)}html{font-size:100%;scroll-behavior:smooth}body,input,button,select,textarea{font-family:proxima-nova,sans-serif;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}body{margin:0;position:relative;line-height:1;font-style:normal;text-wrap:pretty;touch-action:manipulation;background:#1a1a1c;color:#fff}h1,h2,h3,h4{font-weight:800;margin:0}h1{font-size:clamp(40px,8vw,60px);line-height:1.1}h2{font-size:32px;line-height:1.2}h3{font-size:24px;line-height:1.3}p{margin:0;line-height:1.6;color:#a3a3b2}a{text-decoration:none;color:inherit}*{box-sizing:border-box}button,.btn{height:50px;padding:0 30px;border-radius:99px;border:none;font-weight:800;font-size:17px;cursor:pointer;transition:all .2s ease-in-out;font-family:proxima-nova,sans-serif}button.btn-primary,.btn.btn-primary{background:var(--purple);color:#fff;box-shadow:0 0 0 1px #000}button.btn-primary:hover,.btn.btn-primary:hover{background:#fff;color:var(--purple);box-shadow:0 0 0 1px var(--purple)}button.btn-primary:disabled,.btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}button.btn-primary:disabled:hover,.btn.btn-primary:disabled:hover{background:var(--purple);color:#fff}button.btn-secondary,.btn.btn-secondary{background:0 0;color:#fff;box-shadow:0 0 0 1px #4d4d56}button.btn-secondary:hover,.btn.btn-secondary:hover{background:#232327;box-shadow:0 0 0 1px #fff}input[type=text],input[type=email],textarea{height:50px;padding:0 20px;border-radius:99px;border:none;background:#1a1a1c;box-shadow:inset 0 0 0 1px #2e2e31;color:#fff;font-size:16px;font-family:proxima-nova,sans-serif;transition:all .2s ease-in-out;width:100%}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:#838391}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:none;box-shadow:inset 0 0 0 1px #444449}textarea{height:auto;min-height:120px;padding:15px 20px;border-radius:20px;resize:vertical;line-height:1.5}label{display:block;font-size:15px;font-weight:700;margin-bottom:10px;color:#fff}label .required{color:var(--purple)}.form-group{margin-bottom:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.card{background:#1f1f22;border-radius:15px;padding:30px;box-shadow:0 0 0 1px #2e2e31;transition:all .3s ease-in-out}.card:hover{box-shadow:0 0 0 1px #444449;transform:translateY(-2px)}.result-section{margin-bottom:60px}.result-section h2{margin-bottom:30px}.interpretation-card{background:#1f1f22;border-radius:20px;padding:40px;box-shadow:0 0 0 1px #2e2e31;margin-bottom:60px}.interpretation-card p{font-size:18px;line-height:1.7;color:#a3a3b2}.approaches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}@media(max-width:1024px){.approaches-grid{grid-template-columns:1fr}}.approach-card{background:#1f1f22;border-radius:15px;padding:30px;box-shadow:0 0 0 1px #2e2e31}.approach-card h3{margin-bottom:15px}.approach-card .hooks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.approach-card .hook-badge{background:var(--purple);color:#fff;padding:5px 15px;border-radius:99px;font-size:13px;font-weight:700}.approach-card .description{font-size:16px;line-height:1.6;color:#a3a3b2}.video-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}@media(max-width:1400px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.video-grid{grid-template-columns:1fr}}.video-card{background:#1f1f22;border-radius:15px;overflow:hidden;box-shadow:0 0 0 1px #2e2e31;transition:all .2s ease-in-out}.video-card:hover{box-shadow:0 0 0 1px #444449;transform:translateY(-2px)}.video-card video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.video-card .video-meta{padding:15px}.video-card .video-meta h4{font-size:16px;margin-bottom:8px}.video-card .video-meta .stats{font-size:13px;color:#838391;margin-bottom:8px}.video-card .video-meta .story{font-size:14px;line-height:1.4;color:#a3a3b2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 20px}@media(max-width:768px){.section{padding:60px 20px}}.hero{padding:120px 20px 80px;text-align:center;background:radial-gradient(100% 100% at 50% 120%,#282432 0%,#1a1a1c 100%)}.hero h1{margin-bottom:20px}.hero p{font-size:20px;max-width:700px;margin:0 auto 40px}@media(max-width:768px){.hero{padding:80px 20px 60px}}.form-container{max-width:900px;margin:0 auto;background:#1f1f22;border-radius:20px;padding:40px;box-shadow:0 0 0 1px #2e2e31}@media(max-width:768px){.form-container{padding:30px 20px}}.form-header{margin-bottom:40px}.form-header h2{margin-bottom:10px}.form-header p{font-size:16px;color:#838391}.form-header .keyboard-hint{font-size:14px;color:#838391;margin-top:10px}.form-header .keyboard-hint kbd{background:#2e2e31;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:13px;color:#fff}.loading-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:9999;align-items:center;justify-content:center}.loading-overlay.active{display:flex}.loading-overlay .loading-content{text-align:center}.loading-overlay .loading-content .spinner{width:60px;height:60px;border:4px solid #2e2e31;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-overlay .loading-content p{font-size:18px;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.results-container{display:none;max-width:1400px;margin:60px auto 0}.results-container.active{display:block}.hidden{display:none !important}