@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#fffdf2;font-synthesis:none;text-rendering:optimizelegibility;background:#080808;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#080808;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{background:radial-gradient(circle at 78% 0,#ffc10721,#0000 31rem),#080808;min-height:100vh;overflow:hidden}.brand{color:#fff;letter-spacing:-.8px;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:flex}.brand-button{background:0 0;border:0;padding:0}.brand>span:last-child>span,.mobile-brand span,.dashboard-brand span{color:#ffc107}.duck-logo{object-fit:cover;background:#ffc107;border:2px solid #ffc107;border-radius:50%;width:36px;height:36px;box-shadow:0 7px 24px #ffc10752}.small-duck{border-width:1px;width:25px;height:25px}.navbar{z-index:3;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:88px;margin:auto;display:flex;position:relative}.nav-links{color:#92908a;gap:34px;margin-left:100px;font-size:14px;display:flex}.nav-links a:hover{color:#ffc107}.outline-button,.secondary-button{color:#e9e3cf;background:#ffffff09;border:1px solid #39362d;border-radius:9px;transition:all .2s}.outline-button{padding:11px 18px}.outline-button:hover,.secondary-button:hover{color:#ffc107;background:#ffc1071a;border-color:#ffc107}.primary-button{color:#161208;background:linear-gradient(135deg,#ffe27a,#f4b400);border:0;border-radius:9px;padding:14px 19px;font-weight:700;transition:all .2s;box-shadow:0 14px 28px #ffc10733}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ffc10761}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary-button span{margin-left:10px;font-size:18px}.eyebrow{color:#d2a400;letter-spacing:1.7px;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.yellow-eyebrow{color:#ffc107}.status-dot{background:#ffc107;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #ffc10724}.hero{align-items:center;gap:68px;width:min(1180px,100% - 48px);min-height:610px;margin:auto;display:flex;position:relative}.hero-content{z-index:1;width:47%;position:relative}.hero h1{letter-spacing:-5px;margin:24px 0 20px;font-family:Space Grotesk,sans-serif;font-size:clamp(52px,6vw,78px);line-height:.98}.hero h1 span{color:#ffc107}.hero-description{color:#aaa69b;max-width:470px;font-size:17px;line-height:1.65}.hero-actions{align-items:center;gap:13px;margin-top:32px;display:flex}.secondary-button{padding:13px 18px;display:inline-block}.hero-note{color:#77736a;gap:16px;margin-top:25px;font-size:12px;display:flex}.hero-note span{color:#ffc107;margin-right:-11px;font-weight:700}.hero-glow{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.hero-glow-one{background:#c489002e;width:340px;height:340px;top:90px;right:120px}.hero-glow-two{background:#8b5d001f;width:180px;height:180px;bottom:40px;left:100px}.panel-preview{background:linear-gradient(145deg,#4a390d,#14130f 50%,#2d2308);border:1px solid #57450d;border-radius:16px;width:55%;padding:1px;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 30px 100px #68460047}.browser-bar{color:#777268;background:#181714;border-radius:15px 15px 0 0;justify-content:center;align-items:center;height:38px;font-size:10px;display:flex;position:relative}.browser-bar>b{color:#ffc107;font-size:8px;position:absolute;right:14px}.browser-dots{gap:5px;display:flex;position:absolute;left:14px}.browser-dots i{background:#514d42;border-radius:50%;width:6px;height:6px;display:block}.server-panel{background:#10100e;border-radius:0 0 15px 15px;min-height:335px;display:flex;overflow:hidden}.panel-sidebar{background:#161512;border-right:1px solid #2c2b25;flex-direction:column;align-items:center;gap:17px;width:62px;padding:18px 13px;display:flex}.sidebar-icon{color:#77736a;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.sidebar-icon.active{color:#161208;background:#e6ae08}.panel-content{flex:1;padding:24px 26px}.panel-header,.box-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-header small,.metric small{color:#77736a;margin-bottom:5px;font-size:10px;display:block}.panel-header h3{color:#f0ebdc;margin:0;font-size:16px}.online-badge{color:#b7d768;background:#6e96251f;border:1px solid #49652a;border-radius:20px;padding:7px 10px;font-size:10px}.online-badge i{background:#c5eb58;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.console{color:#a19d91;background:#080908;border:1px solid #2b2b25;border-radius:8px;min-height:150px;margin-top:21px;padding:17px;font-family:monospace;font-size:10px;line-height:2;overflow:hidden}.console p{margin:0}.console b,.yellow-text,.console-cursor{color:#ffc107}.server-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.metric{background:#181815;border:1px solid #2b2b25;border-radius:7px;padding:12px}.metric strong{color:#e9e3cf;font-size:12px;display:block}.metric-bar,.progress-track{background:#34332d;border-radius:5px;height:5px;margin-top:10px;overflow:hidden}.metric-bar span,.progress-track span{border-radius:5px;height:100%;display:block}.bar-yellow,.progress-track span{background:#ffc107}.bar-blue{background:#78c9e4}.bar-green{background:#94d45a}.tech-strip,.content-section,.cta-section,.footer{width:min(1050px,100% - 48px);margin-left:auto;margin-right:auto}.tech-strip{color:#706c62;border-top:1px solid #292821;margin-top:20px;margin-bottom:100px;padding-top:28px;font-size:12px}.tech-list{color:#999387;gap:38px;margin-top:18px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;display:flex}.content-section{margin-bottom:125px}.section-heading{max-width:620px;margin-bottom:42px}.section-heading h2,.cta-section h2{letter-spacing:-2px;margin:15px 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(31px,4vw,48px)}.section-heading p,.cta-section p{color:#99958b;font-size:16px;line-height:1.6}.feature-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.feature-card,.dashboard-box,.stat-card{background:linear-gradient(145deg,#191916,#11110f);border:1px solid #2d2c25}.feature-card{border-radius:13px;min-height:220px;padding:25px}.feature-card:hover{border-color:#66500c}.feature-icon,.stat-icon{border-radius:10px;place-items:center;font-weight:700;display:grid}.feature-icon{width:43px;height:43px;margin-bottom:27px;font-size:20px}.icon-yellow,.yellow-stat{color:#ffc107;background:#ffc10724}.icon-blue,.blue-stat{color:#80d2ef;background:#49a7d224}.icon-green,.green-stat{color:#9edc5c;background:#7ec03924}.feature-card h3{color:#eee9db;margin-bottom:10px;font-size:17px}.feature-card p{color:#89857a;font-size:14px;line-height:1.6}.pricing-card{background:#19170f;border:1px solid #6d520c;border-radius:16px;grid-template-columns:1fr 1fr;gap:45px;padding:40px;display:grid}.plan-label{color:#ffc107;letter-spacing:1.6px;font-size:10px;font-weight:700}.pricing-card h3{margin:12px 0 7px;font-family:Space Grotesk,sans-serif;font-size:34px}.pricing-card p{color:#999388}.price{align-items:baseline;gap:7px;margin:26px 0;display:flex}.price strong{font-family:Space Grotesk,sans-serif;font-size:51px}.price span{color:#777267;font-size:13px}.plan-features{align-content:center;gap:8px;display:grid}.plan-features p{color:#bdb7a8;margin:0;font-size:14px}.cta-section{text-align:center;background:#17150d;border:1px solid #4e3c0b;border-radius:16px;min-height:340px;margin-bottom:90px;padding:70px 30px;position:relative;overflow:hidden}.cta-section .eyebrow,.cta-section h2,.cta-section p,.cta-section button{z-index:1;justify-content:center;position:relative}.cta-light{filter:blur(30px);background:#ffc10726;border-radius:50%;width:370px;height:370px;position:absolute;top:-180px;left:calc(50% - 185px)}.footer{color:#706c62;border-top:1px solid #292821;justify-content:space-between;align-items:center;padding:27px 0 40px;font-size:12px;display:flex}.auth-page{background:radial-gradient(circle at 50% 0,#ffc10721,#0000 32rem),#080808;place-items:center;min-height:100vh;padding:25px;display:grid}.auth-card{background:#14130f;border:1px solid #60490e;border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 30px 100px #00000080}.back-button{color:#aaa18d;background:0 0;border:0;font-size:13px}.back-button:hover{color:#ffc107}.auth-logo{justify-content:center;margin:32px 0 20px;display:flex}.auth-card h1{text-align:center;margin:0;font-family:Space Grotesk,sans-serif;font-size:30px}.auth-description{color:#979083;text-align:center;margin:12px 0 25px;font-size:14px;line-height:1.5}.auth-card label{color:#c8c0ad;margin-top:15px;font-size:12px;font-weight:600;display:block}.auth-card input{color:#fffdf2;background:#0d0d0b;border:1px solid #39352a;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:13px}.auth-card input:focus{border-color:#ffc107}.modal-primary{color:#17130a;background:linear-gradient(135deg,#ffe27a,#f4b400);border:0;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-weight:700}.auth-error{color:#ffad99;background:#7c312326;border:1px solid #733d31;border-radius:7px;margin-top:14px;padding:11px;font-size:13px}.auth-switch{color:#888172;background:0 0;border:0;justify-content:center;gap:5px;width:100%;margin-top:23px;font-size:12px;display:flex}.auth-switch button{color:#ffc107;background:0 0;border:0;padding:0;font-weight:700}.secure-note{color:#625e53;text-align:center;margin-top:20px;font-size:11px;display:block}.loading-screen{color:#ffc107;background:#080808;place-items:center;min-height:100vh;display:grid}.dashboard-page{color:#f8f3df;background:radial-gradient(circle at 80% 0,#ffc10714,#0000 34rem),#0a0a09;min-height:100vh;display:flex}.dashboard-sidebar{background:#11110f;border-right:1px solid #292821;flex-direction:column;width:255px;min-height:100vh;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.dashboard-brand{padding:0 10px 35px}.sidebar-title{color:#6f6b60;letter-spacing:1.4px;margin:23px 12px 10px;font-size:10px;font-weight:700}.dashboard-nav{color:#918d80;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:13px 14px;font-size:14px;display:flex}.dashboard-nav span{text-align:center;width:20px}.dashboard-nav:hover{color:#fff;background:#1c1b16}.dashboard-nav.active{color:#ffc107;background:#ffc1071c;border-color:#58460d;box-shadow:inset 3px 0 #ffc107}.sidebar-bottom{margin-top:auto}.sidebar-plan{background:#211d10;border:1px solid #3b331e;border-radius:10px;align-items:center;gap:11px;margin-bottom:16px;padding:14px;display:flex}.plan-star{color:#171208;background:#ffc107;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.sidebar-plan strong,.sidebar-plan small{display:block}.sidebar-plan strong{color:#e8ddbd;font-size:13px}.sidebar-plan small{color:#817a67;margin-top:4px;font-size:10px}.logout-button{color:#af7568;text-align:left;background:0 0;border:1px solid #2d2b25;border-radius:9px;gap:12px;width:100%;padding:12px 14px;display:flex}.dashboard-content{width:calc(100% - 255px);min-height:100vh;margin-left:255px}.dashboard-topbar{background:#0e0e0c;border-bottom:1px solid #292821;justify-content:flex-end;align-items:center;height:78px;padding:0 42px;display:flex}.mobile-brand{display:none}.topbar-right{align-items:center;gap:22px;display:flex}.connection-status{color:#8c887a;font-size:12px}.connection-status i{background:#9dd34e;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.user-avatar,.large-avatar{color:#1b1607;background:linear-gradient(135deg,#ffe27a,#e9a900);place-items:center;font-weight:700;display:grid}.user-avatar{border-radius:10px;width:34px;height:34px}.dashboard-main{width:min(1200px,100% - 84px);margin:auto;padding:49px 0 80px}.dashboard-welcome{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.dashboard-welcome h1{letter-spacing:-3px;margin:16px 0 9px;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,4vw,54px)}.dashboard-welcome h1 span{color:#ffc107}.dashboard-welcome p{color:#8e897b;margin:0}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px;display:grid}.stat-card{border-radius:13px;align-items:center;gap:15px;padding:19px;display:flex}.stat-icon{width:45px;height:45px;font-size:20px}.stat-card small,.stat-card strong,.stat-card span{display:block}.stat-card small{color:#777267;letter-spacing:1px;font-size:10px}.stat-card strong{color:#f0e9d6;font-family:Space Grotesk,sans-serif;font-size:22px}.stat-card span{color:#777267;margin-top:5px;font-size:11px}.dashboard-grid{grid-template-columns:1.4fr .9fr;gap:17px;margin-top:17px;display:grid}.dashboard-box{border-radius:14px;min-height:390px;padding:25px}.box-heading h2{color:#eee7d4;margin:0 0 7px;font-family:Space Grotesk,sans-serif;font-size:20px}.box-heading p{color:#777267;margin:0;font-size:12px}.host-counter{color:#ffc107;border:1px solid #4c3e13;border-radius:20px;padding:7px 10px;font-size:11px}.empty-hosts{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.empty-duck{background:#ffc10714;border:1px solid #5d470d;border-radius:18px;margin-bottom:18px;padding:9px}.empty-duck .duck-logo{width:45px;height:45px}.empty-hosts h3{color:#e7dfca;margin:0 0 9px}.empty-hosts p{color:#777267;max-width:300px;margin-bottom:21px;font-size:13px;line-height:1.6}.edit-button{color:#ffc107;background:0 0;border:0;font-size:12px}.profile-card{background:#11110f;border:1px solid #302e25;border-radius:10px;align-items:center;gap:14px;margin-top:28px;padding:15px;display:flex}.large-avatar{border-radius:12px;width:43px;height:43px}.profile-card strong,.profile-card span{display:block}.profile-card strong{color:#ebe4d1}.profile-card span{color:#777267;margin-top:4px;font-size:11px}.account-details{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.account-details div{background:#11110f;border:1px solid #302e25;border-radius:8px;padding:13px 9px}.account-details small,.account-details strong{display:block}.account-details small{color:#777267;font-size:9px}.account-details strong{color:#e9e1cb;margin-top:7px;font-size:12px}.active-text{color:#a8df5e!important}.resource-progress{margin-top:28px}.resource-progress>div:first-child{color:#8a8475;justify-content:space-between;font-size:11px;display:flex}.resource-progress strong{color:#ffc107}.quick-help{background:#1b180e;border:1px solid #3c341c;border-radius:13px;align-items:center;gap:15px;margin-top:17px;padding:18px 21px;display:flex}.help-icon{color:#171208;background:#ffc107;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.quick-help strong{color:#e8dfc9;font-size:14px}.quick-help p{color:#777267;margin:4px 0 0;font-size:12px}.help-button,.back-home{color:#ffc107;background:0 0;border:0;margin-left:auto;font-size:12px}.back-home{margin-top:25px}@media (width<=1000px){.dashboard-stats,.dashboard-grid{grid-template-columns:1fr}}@media (width<=850px){.nav-links{display:none}.hero{flex-direction:column;align-items:stretch;min-height:auto;padding:70px 0 45px}.hero-content,.panel-preview{width:100%}.panel-preview{transform:none}.feature-grid,.pricing-card{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=720px){.dashboard-sidebar{display:none}.dashboard-content{width:100%;margin-left:0}.dashboard-topbar{justify-content:space-between;padding:0 20px}.mobile-brand{color:#eee7d4;align-items:center;gap:8px;display:flex}.dashboard-main{width:calc(100% - 30px);padding-top:35px}.dashboard-welcome{flex-direction:column;align-items:stretch}.dashboard-welcome .primary-button{width:100%}.dashboard-stats{margin-top:28px}.quick-help{flex-wrap:wrap;align-items:flex-start}.help-button{text-align:left;width:100%;margin:4px 0 0;padding:10px 0}}@media (width<=520px){.navbar,.hero,.tech-strip,.content-section,.cta-section,.footer{width:calc(100% - 30px)}.navbar{height:72px}.outline-button{padding:9px 12px;font-size:12px}.hero h1{letter-spacing:-3px;font-size:49px}.hero-actions{flex-direction:column;align-items:stretch}.secondary-button{text-align:center}.server-panel{min-height:280px}.panel-sidebar{gap:13px;width:45px;padding:15px 8px}.panel-content{padding:17px 12px}.server-metrics{gap:5px}.metric{padding:8px}.metric strong{font-size:9px}.tech-list{flex-wrap:wrap;gap:14px 23px}.account-details{grid-template-columns:1fr}.connection-status{display:none}}.modal-backdrop{z-index:20;background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(520px,100%);max-height:90vh;overflow-y:auto}.modal-card form{gap:16px;margin-top:20px;display:grid}.modal-card label{color:#d8d1bd;gap:8px;font-size:13px;font-weight:600;display:grid}.modal-card input{color:#fffdf2;background:#171612;border:1px solid #3b382e;border-radius:8px;outline:none;width:100%;padding:13px 14px}.modal-card input:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071f}.modal-primary{color:#161208;background:linear-gradient(135deg,#ffe27a,#f4b400);border:0;border-radius:9px;padding:13px 18px;font-weight:700}.modal-primary:disabled{cursor:not-allowed;opacity:.6}@media (width<=780px){.topbar-right .connection-status{display:none}.topbar-right .outline-button{padding:8px 10px;font-size:12px}}.admin-users-modal{width:min(900px,100%)}.admin-user-list{gap:10px;margin-top:18px;display:grid}.admin-user-row{background:#151410;border:1px solid #302c20;border-radius:9px;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:10px;padding:12px;display:grid}.admin-user-row strong,.admin-user-row span{display:block}.admin-user-row span{color:#999387;margin-top:3px;font-size:12px}.admin-user-row code{color:#ffc107;letter-spacing:2px}.danger-button{color:#ffb0a1;border-color:#63352c}.danger-button:hover{color:#ff705b;background:#ff503c1a;border-color:#ff705b}.admin-pagination{color:#aaa69b;justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:13px;display:flex}@media (width<=760px){.admin-user-row{grid-template-columns:1fr 1fr}.admin-user-row .outline-button{width:100%}}.dashboard-box,.host-card,.dashboard-stats>*{animation:.45s both duck-fade-up}.host-card{transition:transform .22s,border-color .22s,box-shadow .22s}.host-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #ffc1071f;border-color:#ffc107!important}.host-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.host-actions .primary-button,.host-actions .outline-button{transition:transform .2s,box-shadow .2s,background .2s}.host-actions .primary-button:hover,.host-actions .outline-button:hover{transform:translateY(-2px)}.renew-button{color:#ffd54a;border-color:#80620b}.renew-button:hover{background:#ffc10729;box-shadow:0 0 18px #ffc1072e}.delete-button{color:#ffb0a1;border-color:#63352c}.delete-button:hover{color:#ff705b;background:#ff503c1a;border-color:#ff705b}.expiry-warning{animation:1.8s ease-in-out infinite expiry-pulse;color:#ffc107!important}.modal-backdrop{animation:.2s both backdrop-in}.modal-card{animation:.28s cubic-bezier(.2,.8,.2,1) both modal-in}.dashboard-nav.active{animation:2.5s ease-in-out infinite nav-glow}@keyframes duck-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes expiry-pulse{0%,to{opacity:1}50%{opacity:.58}}@keyframes nav-glow{0%,to{box-shadow:inset 3px 0 #ffc107}50%{box-shadow:inset 3px 0 #ffe27a,0 0 14px #ffc10714}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.pricing-plan{background:linear-gradient(145deg,#171612,#0e0e0c);border:1px solid #302d25;border-radius:14px;padding:28px 24px;transition:transform .25s,border-color .25s,box-shadow .25s;animation:.55s both duck-fade-up;position:relative;box-shadow:0 14px 35px #0000002e}.pricing-plan:nth-child(2){animation-delay:80ms}.pricing-plan:nth-child(3){animation-delay:.16s}.pricing-plan:hover{border-color:#8a680d;transform:translateY(-7px);box-shadow:0 22px 45px #ffc1071f}.pricing-plan-featured{border-color:#ffc107;box-shadow:0 18px 45px #ffc10724}.pricing-plan h3{color:#fffdf2;margin:16px 0 8px;font-family:Space Grotesk,sans-serif;font-size:28px}.pricing-description{color:#aaa69b;min-height:38px;font-size:13px}.pricing-plan .price{margin:22px 0}.pricing-plan .price strong{font-size:34px}.pricing-plan .price span{color:#77736a}.pricing-plan>.primary-button,.pricing-plan>.secondary-button{text-align:center;width:100%}.pricing-plan .plan-features{margin-top:24px}.pricing-plan .plan-features p{color:#c1bbab;margin:10px 0;font-size:13px}.dashboard-logging-out{pointer-events:none;animation:.52s both dashboard-exit}.dashboard-logging-out:after{content:"Cerrando sesión...";z-index:50;color:#ffc107;letter-spacing:.4px;background:#080808e6;place-items:center;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;animation:.52s both logout-overlay;display:grid;position:fixed;inset:0}@keyframes dashboard-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes logout-overlay{0%{opacity:0}to{opacity:1}}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}.pricing-plan{width:100%;max-width:560px;margin:0 auto}}.coin-balance{color:#ffd54a;white-space:nowrap;background:#ffc1071a;border:1px solid #80620b;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;animation:2.5s ease-in-out infinite coin-shimmer;display:inline-flex}.modal-coins{margin:4px 0 18px}.create-host-modal{width:min(650px,100%)}.host-plan-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 20px;display:grid}.host-plan-option{text-align:left;color:#d8d1bd;cursor:pointer;background:#151410;border:1px solid #3b382e;border-radius:10px;gap:7px;min-height:120px;padding:14px;transition:transform .2s,border-color .2s,background .2s;display:grid}.host-plan-option:hover{border-color:#b8890b;transform:translateY(-3px)}.host-plan-option.selected{background:#ffc1071f;border-color:#ffc107;box-shadow:0 0 18px #ffc1071a}.host-plan-option strong{color:#fffdf2;font-size:16px}.host-plan-option span{color:#999387;font-size:11px;line-height:1.4}.host-plan-option b{color:#ffc107;font-size:12px}.admin-coins{color:#ffc107;margin-top:5px;font-size:12px;display:block}.coin-add-button{color:#bfe878;border-color:#526b2c}.coin-remove-button{color:#ffd54a;border-color:#80620b}@keyframes coin-shimmer{0%,to{box-shadow:0 0 #ffc10700}50%{box-shadow:0 0 16px #ffc10729}}@media (width<=700px){.host-plan-options{grid-template-columns:1fr}.coin-balance{font-size:11px}}.host-switcher{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.host-switch-button{color:#aaa69b;cursor:pointer;background:#151410;border:1px solid #3b382e;border-radius:8px;padding:9px 12px;font-size:12px;transition:all .2s}.host-switch-button:hover,.host-switch-button.active{color:#ffc107;background:#ffc1071f;border-color:#ffc107}.active-host-card{margin-top:16px;position:relative}.host-plan-badge{color:#ffc107;letter-spacing:1px;background:#ffc1071a;border:1px solid #80620b;border-radius:20px;margin-bottom:12px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.host-renew-note{color:#aaa69b;margin:14px 0 0;font-size:13px}.app{animation:.7s both app-reveal}.hero-content{animation:.75s cubic-bezier(.2,.8,.2,1) 80ms both content-slide-in}.panel-preview{animation:.9s cubic-bezier(.2,.8,.2,1) .16s both preview-float-in,6s ease-in-out 1.1s infinite panel-float}.navbar{animation:.55s both navbar-drop}.feature-card,.tech-strip,.content-section,.cta-section,.footer{animation:.65s both section-reveal}.feature-card:nth-child(2){animation-delay:80ms}.feature-card:nth-child(3){animation-delay:.16s}.primary-button,.secondary-button,.outline-button,.logout-button{position:relative;overflow:hidden}.primary-button:after,.secondary-button:after,.outline-button:after,.logout-button:after{content:"";background:#ffffff2e;width:0;transition:width .35s;position:absolute;inset:0;transform:skew(-20deg)}.primary-button:hover:after,.secondary-button:hover:after,.outline-button:hover:after,.logout-button:hover:after{width:130%}.primary-button span{transition:transform .25s;display:inline-block}.primary-button:hover span{transform:translate(4px)}.dashboard-topbar{animation:.5s both topbar-reveal}.dashboard-welcome{animation:.6s both content-slide-in}.dashboard-stats>:first-child{animation-delay:50ms}.dashboard-stats>:nth-child(2){animation-delay:.12s}.dashboard-stats>*{transition:transform .25s,border-color .25s,box-shadow .25s}.dashboard-stats>:hover{border-color:#80620b;transform:translateY(-5px)scale(1.015);box-shadow:0 15px 30px #ffc1071a}.host-switch-button{animation:.35s both switcher-pop}.host-switch-button:nth-child(2){animation-delay:50ms}.host-switch-button:nth-child(3){animation-delay:.1s}.host-switch-button:nth-child(4){animation-delay:.15s}.active-host-card{animation:.45s cubic-bezier(.2,.8,.2,1) both host-card-reveal}.host-plan-badge{animation:.45s .12s both badge-pop}.empty-duck .duck-logo{animation:2.8s ease-in-out infinite duck-bob}.dashboard-brand .duck-logo,.brand .duck-logo{transition:transform .3s,box-shadow .3s}.dashboard-brand:hover .duck-logo,.brand:hover .duck-logo{transform:rotate(-8deg)scale(1.08);box-shadow:0 7px 30px #ffc1078c}@keyframes app-reveal{0%{opacity:0}to{opacity:1}}@keyframes navbar-drop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes content-slide-in{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes preview-float-in{0%{opacity:0;transform:perspective(1000px)rotateY(-10deg)translate(25px)}to{opacity:1;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)translate(0)}}@keyframes panel-float{0%,to{transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)translateY(0)}50%{transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)translateY(-7px)}}@keyframes section-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes topbar-reveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes switcher-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes host-card-reveal{0%{opacity:0;transform:translateY(15px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes duck-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(3deg)}}.hosting-creation-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090909f0;justify-content:center;align-items:center;padding:20px;animation:.25s duckHostingFadeIn;display:flex;position:fixed;inset:0}.hosting-creation-card{color:#fff;text-align:center;background:#151515;border:1px solid #facc15;border-radius:24px;width:min(100%,440px);padding:36px 30px;animation:.4s duckHostingCardIn;box-shadow:0 0 45px #facc1533}.hosting-creation-card h2{color:#facc15;margin:14px 0 10px;font-size:26px;font-weight:800}.hosting-creation-card p{color:#d4d4d4;min-height:24px;margin:0 0 24px}.hosting-creation-card small{color:#737373;margin-top:18px;display:block}.duck-loader{background:#facc15;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:10px;animation:1.2s ease-in-out infinite duckHostingBounce;display:inline-flex;overflow:hidden}.duck-loader .duck-logo{border:3px solid #090909;width:58px;height:58px}.hosting-progress{background:#292929;border-radius:99px;width:100%;height:8px;overflow:hidden}.hosting-progress-bar{background:linear-gradient(90deg,#eab308,#facc15,#fde68a);border-radius:99px;width:45%;height:100%;animation:1.8s ease-in-out infinite duckHostingProgress}@keyframes duckHostingProgress{0%{transform:translate(-130%)}to{transform:translate(260%)}}@keyframes duckHostingBounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}@keyframes duckHostingCardIn{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes duckHostingFadeIn{0%{opacity:0}to{opacity:1}}.loading-hosting-page .loading-back-button{margin-top:22px}.hosting-countdown{color:#facc15;margin-top:18px;font-size:14px;display:block}
