body{background-color:#000;color:#fff;font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0}.hero-section{align-items:center;display:flex;height:60vh;justify-content:center;overflow:hidden;position:relative;text-align:left}.video-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}#hero-video{height:100%;object-fit:cover;object-position:center;opacity:.7;width:100%;z-index:-1}.hero-content{align-items:center;display:flex;height:100%;justify-content:space-around;padding:0 2rem;position:relative;width:100%;z-index:1}.features-list{background-color:rgba(0,0,0,.5);border-radius:1rem;padding:2rem}.features-list h1{font-size:2.5rem;margin-bottom:1.5rem}.features-list ul{list-style:none;padding:0}.features-list ul li{align-items:center;display:flex;font-size:1.1rem;margin-bottom:1rem}.features-list .emoji{display:inline-block;font-size:1.5rem;margin-right:1rem}.login-box{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(26,26,26,.9);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;box-shadow:0 15px 40px rgba(0,0,0,.7);display:flex;flex-direction:column;max-width:400px;padding:2.5rem;width:45%}.login-box .banner{background:linear-gradient(45deg,#2ecc71,#27ae60);border-radius:.75rem;box-shadow:0 5px 15px rgba(0,0,0,.3);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.05em;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center;transform:rotate(-2deg)}.login-form{align-items:center;display:flex;flex-direction:column;width:100%}.login-button{background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:.75rem;box-shadow:0 4px 15px rgba(0,123,255,.3);font-size:1.2rem;margin-top:1rem;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:80%}.login-button:hover{box-shadow:0 6px 20px rgba(0,123,255,.5);filter:brightness(1.1);transform:translateY(-3px)}.login-prompt{color:#bbb;font-size:.95rem;margin-top:1.5rem;max-width:80%;text-align:center}.modal{--bs-modal-bg:hsla(0,0%,9%,.7);--bs-border-color:#444}.task-directory{background-color:#111;padding:5rem 0;text-align:center}.task-directory h2{font-size:2.25rem;margin-bottom:2.5rem}.task-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.task-card{background:#1a1a1a;border-radius:.625rem;color:#fff;height:100%;padding:1.875rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.task-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.3);transform:translateY(-10px)}.task-card h3{color:#007bff;font-size:1.5rem;margin-bottom:1rem}.task-card p{color:#ccc;font-size:1rem;line-height:1.6}@media (max-width:768px){.hero-content{flex-direction:column}.features-list,.login-box{margin-bottom:2rem;width:100%}.features-list h1{font-size:2rem}}@media (max-width:576px){.hero-section{padding:60px 0}.features-list ul li{font-size:1rem}}.custom-footer{background-color:#343a40;color:#fff;padding:20px 0;text-align:center}.badge-beta{left:calc(100% + .25em)!important;padding:.25em .5em;top:.5em!important}.btn-spaced{margin:.25rem .125rem}.plan-card-wrapper{cursor:pointer;transform:translateY(0);transition:all .4s ease}.plan-card-wrapper:hover{transform:translateY(-8px) scale(1.05)}.plan-card-wrapper:hover .plan-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.05);border-color:#ffc107!important;box-shadow:0 0 25px rgba(255,215,0,.3)}.badge-best-value,.plan-card{transition:all .4s ease}.badge-best-value{z-index:10}.premium-glow{overflow:hidden;position:relative}.premium-glow:before{animation:rotateGlow 5s linear infinite;background:conic-gradient(from 180deg at 50% 50%,rgba(255,215,0,.2),hsla(0,0%,100%,0),rgba(255,215,0,.2));content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.premium-glow .card-body{position:relative;z-index:1}.success-checkmark{height:80px;width:80px}.checkmark-circle{animation:drawCircle .6s ease-out forwards;stroke-dasharray:220;stroke-dashoffset:220}.checkmark-check{animation:drawCheck .4s ease-out .6s forwards;stroke-dasharray:70;stroke-dashoffset:70}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}#successModal .modal-content{animation:modalFadeIn .4s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pro-badge{background:linear-gradient(90deg,#ffe259,#ffa751);border:1.5px solid #fff3cd;border-radius:999px;box-shadow:0 2px 12px 0 rgba(255,168,0,.15);color:#563d00;font-size:1rem;font-weight:600;letter-spacing:.2px;padding:.5rem 1.25rem;transition:box-shadow .18s,transform .2s}.pro-badge:focus,.pro-badge:hover{box-shadow:0 4px 20px 0 rgba(255,168,0,.22);text-decoration:none;transform:translateY(-1px) scale(1.04)}.pro-rocket{animation:rocket-bounce 1s infinite alternate;font-size:1.2em}@keyframes rocket-bounce{to{transform:translateY(-3px) scale(1.12) rotate(-8deg)}}.accordion-button:not(.collapsed){background-color:#333;color:#fff}.accordion-button:focus{border-color:#555;box-shadow:0 0 0 .2rem rgba(68,68,68,.25)}.accordion-button{background-color:#212529;border:1px solid #555;border-radius:.375rem;color:#fff}.nav-tabs{background-color:hsla(0,0%,100%,.05);border:none;border-radius:.5rem .5rem 0 0;margin-bottom:0;padding:.5rem}.nav-tabs .nav-link{border:none;border-radius:.375rem;color:#ccc;transition:all .3s ease}.nav-tabs .nav-link.active{background-color:hsla(0,0%,100%,.1);box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff}.nav-tabs .nav-link:hover{background-color:hsla(0,0%,100%,.08);color:#fff}.tab-content{border:none;border-radius:0 0 .5rem .5rem}.tab-content,.tab-pane{background-color:hsla(0,0%,100%,.05);padding:1rem}.tab-pane{border-radius:.5rem;margin-top:1rem;transition:all .3s ease}.active-tab-pane{background-color:hsla(0,0%,100%,.1);box-shadow:0 4px 8px rgba(0,0,0,.3)}.html-output{background-color:#fff;position:relative}