/* petaltxt.me basic style — modern + retro */ :root{ --bg:#0f1014; --panel:#171922; --text:#eef; --muted:#a6a6b2; --accent:#72ffaf; --accent2:#ffc2f0; --border:#262838; } *{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif} a{color:var(--accent)} .topbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(180deg,#1a1c27,#141620);border-bottom:1px solid var(--border)} .brand{display:flex;align-items:center;gap:8px} .petal{color:var(--accent2);filter:drop-shadow(0 0 6px rgba(255,194,240,.35))} .nav a{color:var(--muted);text-decoration:none;margin-left:12px} .nav a:hover{color:var(--text)} .wrap{max-width:900px;margin:20px auto;padding:0 14px} .card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);margin-bottom:16px} .hero h1{margin:0 0 8px} .tagline{color:var(--muted)} .cta{display:flex;gap:10px;margin-top:10px} .btn{background:var(--accent);color:#0a0a0a;border:0;padding:10px 14px;border-radius:10px;text-decoration:none;display:inline-block;font-weight:600} .btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px} .table{width:100%;border-collapse:collapse;margin-top:8px} .table th,.table td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top} .tight{margin:0;padding-left:18px} .muted{color:var(--muted)} .footer{display:flex;gap:8px;justify-content:center;color:var(--muted);padding:30px 10px} .footer .sep{opacity:.6} .news{list-style:none;margin:0;padding:0} .news li{padding:10px 0;border-bottom:1px dashed var(--border)} .news .date{color:var(--muted);font-size:12px} .note{margin-top:10px;padding:10px;border:1px dashed var(--border);border-radius:10px;color:var(--muted)}