*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f0f9ff;background-color:#02020a;width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#star-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.logo-text{background:linear-gradient(90deg,#3b82f6,#38bdf8,#22d3ee,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:900}.ss-card{z-index:10;background:#1e293b;border:2px solid #475569;border-radius:12px;width:95%;max-width:1200px;margin:100px auto 40px;padding:25px;position:relative;box-shadow:0 10px 40px #000000b3}.ss-layout-container{grid-template-columns:2.5fr 1fr;gap:30px;display:grid}@media (max-width:950px){.ss-layout-container{grid-template-columns:1fr}}.ss-title{color:#f59e0b;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:1.8rem}.ss-subtitle{color:#94a3b8;border-bottom:1px solid #475569;margin-bottom:20px;padding-bottom:15px;font-size:.9rem;font-style:italic}.ss-section-header{color:#f59e0b;text-transform:uppercase;border-bottom:1px dashed #475569;margin-top:25px;margin-bottom:15px;padding-bottom:5px;font-size:1.1rem}.ss-form-group{margin-bottom:15px}.ss-label{color:#94a3b8;margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.ss-input,.ss-select,.ss-textarea{color:#fff;background:#0f172a;border:1px solid #475569;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:.95rem}.ss-input:focus,.ss-select:focus,.ss-textarea:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 8px #f59e0b4d}.ss-grid-2{grid-template-columns:1fr 3fr;gap:15px;display:grid}.ss-btn{cursor:pointer;color:#fff;text-transform:uppercase;text-align:center;border:none;border-radius:6px;padding:10px 15px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-block}.ss-btn-blue{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}.ss-btn-green{background:linear-gradient(145deg,#22c55e,#15803d);width:100%;margin-bottom:10px}.ss-btn-remove{background:#ef4444;margin-left:5px;padding:5px 10px}.ss-btn-add{color:#f59e0b;background:0 0;border:1px dashed #f59e0b;width:100%;margin-top:10px}.ss-pill-container{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}@media (max-width:600px){.ss-pill-container{grid-template-columns:repeat(3,1fr)}}.ss-pill-item input{display:none}.ss-pill-item label{text-align:center;color:#94a3b8;cursor:pointer;background:#0000004d;border:1px solid #475569;border-radius:6px;justify-content:center;align-items:center;width:100%;height:40px;font-size:.75rem;transition:all .2s;display:flex}.ss-pill-item input:checked+label{color:#fff;background:#0ea5e9;border-color:#0ea5e9;font-weight:700;box-shadow:0 0 10px #0ea5e966}.expertise-grid .ss-pill-item input:checked+label{background:#a855f7;border-color:#a855f7;box-shadow:0 0 10px #a855f766}.ss-output-panel{position:sticky;top:100px}.ss-output-area{color:#cbd5e1;resize:vertical;background:#0f172a;border:1px solid #475569;border-radius:6px;width:100%;height:500px;margin-top:10px;padding:15px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4}.ss-class-row{background:#0003;border:1px solid #475569;border-radius:8px;margin-bottom:10px;padding:12px}.ss-class-controls{align-items:center;gap:8px;display:flex}.ss-point-buy-grid{background:#0f172a;border:1px solid #475569;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px;display:grid}.ss-points-display{text-align:center;grid-column:1/-1;padding-top:5px;font-family:monospace}.ss-valid{color:#4ade80}.ss-invalid{color:#ef4444}