.timecode-module__oGCi4q__container{background:var(--background);min-height:100vh;padding:0}.timecode-module__oGCi4q__heroHeader{z-index:1;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 40%,#1e3a8a 100%) 0 0/200% 200%;border-bottom-right-radius:32px;border-bottom-left-radius:32px;margin-bottom:-2rem;padding-bottom:4rem;animation:8s infinite timecode-module__oGCi4q__gradientFlow;position:relative;box-shadow:0 10px 30px -10px #1e3a8a4d}@keyframes timecode-module__oGCi4q__gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.timecode-module__oGCi4q__headerWrapper{padding:1.5rem}.timecode-module__oGCi4q__header{justify-content:space-between;align-items:center;display:flex}.timecode-module__oGCi4q__logoArea{align-items:center;gap:0;display:flex}.timecode-module__oGCi4q__logoIcon{object-fit:contain;filter:brightness(0)invert();justify-content:center;align-items:center;width:auto;height:40px;animation:4s ease-in-out infinite timecode-module__oGCi4q__float;display:flex}@keyframes timecode-module__oGCi4q__float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.timecode-module__oGCi4q__logoText{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a;font-size:1.5rem;font-weight:800}.timecode-module__oGCi4q__customerService{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:24px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.timecode-module__oGCi4q__customerService:active{background:#ffffff40;transform:scale(.95)}.timecode-module__oGCi4q__sloganSection{text-align:center;padding:2rem 1.5rem 0}.timecode-module__oGCi4q__slogan{color:#fff;letter-spacing:-1px;text-shadow:0 4px 12px #00000026;opacity:0;margin-bottom:.75rem;font-size:1.75rem;font-weight:900;animation:.8s cubic-bezier(.2,.8,.2,1) forwards timecode-module__oGCi4q__fadeInUp;transform:translateY(20px)}.timecode-module__oGCi4q__subSlogan{color:#ffffffe6;opacity:0;font-size:.9rem;font-weight:500;animation:.8s cubic-bezier(.2,.8,.2,1) .15s forwards timecode-module__oGCi4q__fadeInUp;transform:translateY(20px)}@keyframes timecode-module__oGCi4q__fadeInUp{to{opacity:1;transform:translateY(0)}}.timecode-module__oGCi4q__main{z-index:2;padding:0 1rem 2rem;position:relative}.timecode-module__oGCi4q__actionBox{background:#fff;border-radius:24px;gap:1rem;margin-bottom:1.25rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px -4px #0000000f}.timecode-module__oGCi4q__actionBtn{cursor:pointer;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:none;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:.875rem;padding:1.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.timecode-module__oGCi4q__actionBtn:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);transition:opacity .3s;position:absolute;inset:0}.timecode-module__oGCi4q__actionBtn:hover:before{opacity:1}.timecode-module__oGCi4q__actionBtn:active{transform:scale(.98)}.timecode-module__oGCi4q__actionIcon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 8px 20px -8px #2563eb80}.timecode-module__oGCi4q__actionBtn:hover .timecode-module__oGCi4q__actionIcon{transform:translateY(-4px);box-shadow:0 12px 24px -8px #2563eb99}.timecode-module__oGCi4q__actionBtn span{color:var(--text-main);font-size:.95rem;font-weight:600}.timecode-module__oGCi4q__upgradeCard{cursor:pointer;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%) 0 0/200% 200%;border-radius:20px;margin-bottom:1.25rem;padding:1.5rem;transition:all .3s;animation:4s infinite timecode-module__oGCi4q__gradientShift;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #1e40af66}@keyframes timecode-module__oGCi4q__gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.timecode-module__oGCi4q__upgradeCard:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.timecode-module__oGCi4q__upgradeCard:active{transform:scale(.98)}.timecode-module__oGCi4q__upgradeCard h3{color:#fff;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.timecode-module__oGCi4q__upgradeCard h3:before{content:"👑";font-size:1.1rem}.timecode-module__oGCi4q__upgradeCard p{color:#ffffffe6;font-size:.9rem}.timecode-module__oGCi4q__upgradeArrow{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.timecode-module__oGCi4q__proStatusCard{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-radius:20px;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #1e40af66}.timecode-module__oGCi4q__proStatusCard:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:80%;height:150%;position:absolute;top:-50%;right:-30%}.timecode-module__oGCi4q__proStatusIcon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.timecode-module__oGCi4q__proStatusInfo{flex:1}.timecode-module__oGCi4q__proStatusInfo h3{color:#fff;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.1rem;font-weight:700;display:flex}.timecode-module__oGCi4q__proStatusInfo h3:after{content:"✓";background:#22c55e;border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.timecode-module__oGCi4q__proStatusInfo p{color:#ffffffd9;font-size:.85rem}.timecode-module__oGCi4q__renewBtn{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0000001a}.timecode-module__oGCi4q__renewBtn:active{transform:scale(.98)}.timecode-module__oGCi4q__tutorialCard{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 20px -4px #00000014}.timecode-module__oGCi4q__tutorialCard:before{content:"📖";background:#f0f9ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.timecode-module__oGCi4q__tutorialCard:active{transform:scale(.98)}.timecode-module__oGCi4q__tutorialCard h3{color:var(--text-main);margin-bottom:.25rem;font-size:1rem;font-weight:600}.timecode-module__oGCi4q__tutorialCard p{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.timecode-module__oGCi4q__tutorialOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:flex-end;animation:.2s timecode-module__oGCi4q__fadeIn;display:flex;position:fixed;inset:0}.timecode-module__oGCi4q__tutorialModal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) timecode-module__oGCi4q__slideUp;overflow-y:auto;box-shadow:0 -4px 20px #0000001a}.timecode-module__oGCi4q__tutorialHeader{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.timecode-module__oGCi4q__tutorialHeader h3{color:var(--text-main);font-size:1.1rem;font-weight:700}.timecode-module__oGCi4q__closeBtn{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.timecode-module__oGCi4q__closeBtn:hover{color:var(--text-main);background:#e2e8f0}.timecode-module__oGCi4q__closeBtn:active{transform:scale(.98)}.timecode-module__oGCi4q__tutorialContent{padding:1.5rem}.timecode-module__oGCi4q__tutorialSteps{flex-direction:column;gap:1.5rem;display:flex}.timecode-module__oGCi4q__tutorialStep{gap:1rem;display:flex}.timecode-module__oGCi4q__stepNum{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 10px #2563eb4d}.timecode-module__oGCi4q__tutorialStep h4{color:var(--text-main);margin-bottom:.25rem;font-size:1rem;font-weight:600}.timecode-module__oGCi4q__tutorialStep p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@keyframes timecode-module__oGCi4q__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes timecode-module__oGCi4q__slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}