.dj-page{display:grid;gap:24px}.dj-hero,.dj-widget{background:radial-gradient(ellipse at 80% 30%,#14639188,transparent 55%),linear-gradient(125deg,#101d39,#152e4c 65%,#294249);border:1px solid #49cdec55;border-radius:22px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.dj-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:14px 0}.dj-hero p,.dj-widget p{color:#c1d3e6}.dj-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.dj-tags span{background:#08182988;border:1px solid #5d99b555;border-radius:20px;padding:8px 12px;font-size:12px}.dj-orb{font-size:100px;text-align:center;filter:drop-shadow(0 0 28px #33c5ed);transform:rotate(-8deg);min-width:180px}.dj-orb small{display:block;font-size:12px;letter-spacing:4px;color:#bdf3ff}.dj-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dj-heading small{color:#b2c7da}.dj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dj-card{background:linear-gradient(155deg,#17253b,#101a2a);border:1px solid #425d7955;border-radius:18px;padding:24px;min-width:0}.dj-card h3{font-size:22px;line-height:1.3;margin:12px 0}.dj-card p{color:#b7c7db;line-height:1.6}.dj-symbol{display:block;font-size:36px;margin-bottom:18px}.dj-done{border-color:#41d6a577;background:linear-gradient(150deg,#163d38,#101d2c)}.dj-meter{display:flex;justify-content:space-between;margin:20px 0 8px}.dj-meter span{color:#f5c968}.dj-card progress{width:100%;accent-color:#48dcc1;height:10px}.dj-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.dj-actions .btn{flex:1;font-size:12px}.dj-bonus,.dj-premium{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#45371755;border:1px solid #e1b45955;border-radius:15px;padding:22px;margin-top:18px}.dj-bonus p,.dj-premium p{margin-bottom:0;color:#cbd3df}.dj-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dj-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:22px 0}.dj-week span{display:grid;text-align:center;gap:8px;padding:12px 4px;background:#0b1528;border-radius:12px;border:1px solid #364c68}.dj-week .active{background:#146258;border-color:#47d5ae;color:#e1fff7}.dj-week small{color:#adc2d8}.dj-lesson{background:radial-gradient(ellipse at top right,#66399166,transparent 70%),#142238}.dj-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0}.dj-stage{display:grid;text-align:center;align-content:start;gap:10px;background:#091523;border:1px solid #31465e;border-radius:13px;padding:14px 8px}.dj-stage small{font-size:10px;letter-spacing:1px;color:#aac0d9}.dj-stage b{font-size:30px}.dj-stage span{font-size:12px;color:#c6d3e1}.dj-stage.milestone{border-color:#d5a64c;background:linear-gradient(135deg,#51402155,#162438)}.dj-stage.earned{border-color:#40cba7;background:#15352f}.dj-history{list-style:none;padding:0}.dj-history li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #8cacc222;padding:12px 0}.dj-history strong{white-space:nowrap;color:#efc566;font-size:12px}.dj-widget{padding:24px;margin-bottom:24px}.dj-widget h2{margin:8px 0}.dj-page .btn:disabled{opacity:.45;cursor:not-allowed}.dj-premium .btn,.dj-bonus .btn{flex-shrink:0}@media(max-width:1000px){.dj-grid{grid-template-columns:1fr}.dj-orb{min-width:120px;font-size:80px}.dj-actions .btn{flex:none}.dj-columns{grid-template-columns:1fr}}@media(max-width:600px){.dj-hero,.dj-widget{padding:22px;flex-direction:column;align-items:flex-start}.dj-orb{display:none}.dj-card{padding:20px}.dj-heading{align-items:flex-start;flex-direction:column}.dj-bonus,.dj-premium{flex-direction:column;align-items:stretch}.dj-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-stage:last-child{border-color:#e9c568}.dj-history li{flex-direction:column;gap:5px}.dj-actions .btn{flex:1}.dj-week{gap:4px}.dj-week span{padding:10px 2px}}