.ecodev-edtask-page{position:relative;isolation:isolate}.ecodev-edtask-bg,.ecodev-edtask-bg-grid{position:fixed;inset:0;pointer-events:none}.ecodev-edtask-bg{z-index:-3;will-change:transform}.ecodev-edtask-bg:before{content:"";position:absolute;inset:-12%;background:radial-gradient(circle at 14% 14%,color-mix(in srgb,var(--color-primary) 18%,transparent) 0%,transparent 34%),radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--color-accent) 16%,transparent) 0%,transparent 34%),radial-gradient(circle at 54% 68%,color-mix(in srgb,var(--color-primary) 10%,transparent) 0%,transparent 40%);filter:blur(36px);opacity:.95}.ecodev-edtask-bg-grid{z-index:-4;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-border) 40%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-border) 40%,transparent) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%);mask-image:radial-gradient(circle at center,black 40%,transparent 90%);opacity:.12}.ecodev-edtask-hero{position:relative}.ecodev-edtask-hero-grid{display:grid;gap:2.5rem;align-items:center}.ecodev-edtask-hero-copy{position:relative;z-index:2}.ecodev-edtask-hero-visual{position:relative;z-index:1}.ecodev-edtask-hero-glow{position:absolute;border-radius:9999px;filter:blur(48px);pointer-events:none;opacity:.2}.ecodev-edtask-hero-glow-a{width:24rem;height:24rem;top:4rem;left:-6rem;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 34%,transparent) 0%,transparent 72%)}.ecodev-edtask-hero-glow-b{width:28rem;height:28rem;top:2rem;right:-8rem;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 26%,transparent) 0%,transparent 74%)}.ecodev-edtask-screen{position:relative;min-height:35rem;padding:1.2rem;border-radius:var(--radius-3xl);border:1px solid var(--color-border);background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-elevated) 88%,transparent),color-mix(in srgb,var(--color-surface) 94%,transparent));box-shadow:var(--shadow-card-lg);overflow:hidden;backdrop-filter:blur(16px)}.ecodev-edtask-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--color-border) 35%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-border) 35%,transparent) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black 44%,transparent 92%);mask-image:radial-gradient(circle at center,black 44%,transparent 92%);opacity:.16;pointer-events:none}.ecodev-edtask-screen-topbar{display:flex;gap:.45rem;margin-bottom:1rem}.ecodev-edtask-screen-topbar span{width:.7rem;height:.7rem;border-radius:9999px;background:color-mix(in srgb,var(--color-text-soft) 40%,transparent)}.ecodev-edtask-screen-header{position:relative;z-index:1;display:flex;gap:1rem;justify-content:space-between;align-items:start}.ecodev-edtask-screen-label,.ecodev-edtask-widget-label,.ecodev-edtask-demo-label{font-size:.72rem;font-weight:var(--font-weight-extrabold);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.ecodev-edtask-screen-pill{padding:.55rem .8rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-size:.72rem;font-weight:var(--font-weight-extrabold);white-space:nowrap}.ecodev-edtask-screen-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.ecodev-edtask-widget{padding:1rem;border-radius:1.35rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-elevated) 92%,transparent),color-mix(in srgb,var(--color-surface) 96%,transparent));box-shadow:var(--shadow-card)}.ecodev-edtask-widget-lg,.ecodev-edtask-widget-wide{grid-column:span 2}.ecodev-edtask-widget-value{margin-top:.7rem;font-size:2rem;font-weight:var(--font-weight-extrabold);color:var(--color-text)}.ecodev-edtask-widget-note{margin-top:.35rem;color:var(--color-text-soft);font-size:.88rem}.ecodev-edtask-agenda-row{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:.75rem;align-items:center;padding:.8rem .9rem;border-radius:1rem;background:color-mix(in srgb,var(--color-surface) 96%,transparent)}.ecodev-edtask-agenda-row span{font-size:.76rem;font-weight:var(--font-weight-extrabold);color:var(--color-primary);letter-spacing:.08em}.ecodev-edtask-agenda-row p{font-size:.92rem;font-weight:600;color:var(--color-text)}.ecodev-edtask-flow{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.ecodev-edtask-flow span{padding:.6rem .8rem;border-radius:9999px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-text);font-size:.78rem;font-weight:700}.ecodev-edtask-floating-card{position:absolute;border-radius:1.25rem;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-elevated) 94%,transparent),color-mix(in srgb,var(--color-surface) 96%,transparent));box-shadow:var(--shadow-card);padding:.95rem 1rem;backdrop-filter:blur(12px);z-index:1}.ecodev-edtask-floating-card p:last-child{color:var(--color-text);font-size:.88rem;font-weight:600}.ecodev-edtask-floating-card-a{right:1.25rem;bottom:5rem;width:min(14rem,42%)}.ecodev-edtask-floating-card-b{left:1.25rem;bottom:1.25rem;width:min(14rem,40%)}.ecodev-edtask-demo-shell{background-color:var(--color-bg-subtle);border:1px solid var(--color-border)}.ecodev-edtask-demo-item{border-radius:1rem;padding:.95rem 1rem;background-color:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.ecodev-edtask-demo-title{margin-top:.35rem;font-size:.92rem;font-weight:700;color:var(--color-text)}.ecodev-edtask-code-shell{background-color:var(--color-bg-subtle);color:var(--color-primary);border:1px solid var(--color-border);line-height:1.85}@media(min-width:1024px){.ecodev-edtask-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:3rem}}@media(max-width:767px){.ecodev-edtask-screen{min-height:30rem;padding:1rem}.ecodev-edtask-screen-header{flex-direction:column;align-items:start}.ecodev-edtask-screen-grid{grid-template-columns:1fr}.ecodev-edtask-widget-lg,.ecodev-edtask-widget-wide{grid-column:span 1}.ecodev-edtask-floating-card-a{right:.9rem;bottom:4.6rem;width:52%}.ecodev-edtask-floating-card-b{left:.9rem;bottom:.9rem;width:48%}.ecodev-edtask-hero-glow-a,.ecodev-edtask-hero-glow-b{opacity:.14}}