:root{color-scheme:dark;--bg:#0d0e18;--panel:#191a2a;--line:#323247;--text:#f6f5ff;--muted:#a6a5bc;--purple:#a369ff;--pink:#ff69bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 0 0,#1b1532 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1040px;margin:auto;min-height:100dvh}.topbar{height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-size:23px;font-weight:850;letter-spacing:.3px}.brand-mark{background:linear-gradient(135deg,#b18aff,#ff83c3);background-clip:text;-webkit-text-fill-color:transparent;font-size:28px}.top-actions{display:flex;align-items:center;gap:18px}.top-actions a,.top-actions button{border:0;background:none;color:#c6c4db;font-size:26px;line-height:1;min-width:28px;text-align:center}.search-panel{padding:12px 20px;background:#161625}.search-panel input{width:100%;border:1px solid #44415f;border-radius:14px;padding:13px;background:#10101c;color:white;outline:none}main{padding:20px 20px 112px}.hero{position:relative;isolation:isolate;overflow:hidden;padding:25px 24px 23px;border:1px solid #6845a855;border-radius:25px;background:linear-gradient(135deg,#412089 0%,#281a52 52%,#15192f 100%);box-shadow:0 14px 40px #0003}.hero-glow{position:absolute;z-index:-1;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ff58b84b,transparent 65%)}.hero-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:11px;letter-spacing:2px;color:#e1c9ff;font-weight:750}.hero-pill{font-size:10px;padding:7px 10px;border:1px solid #ffffff35;background:#ffffff14;border-radius:99px;color:#efe8ff;white-space:nowrap}.hero h1{font-size:clamp(34px,7vw,64px);line-height:1.08;letter-spacing:-1.8px;margin:22px 0 13px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#ffb6dc 52%,#c6a7ff);background-clip:text;-webkit-text-fill-color:transparent}.hero p{max-width:540px;font-size:14px;color:#e0d9f2;line-height:1.65;margin:0 0 22px}.hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{border-radius:13px;display:flex;justify-content:space-between;align-items:center;padding:14px 15px;font-size:14px;font-weight:750}.btn-primary{background:linear-gradient(110deg,#9c4cff,#c23ee2);box-shadow:0 5px 20px #9c4cff4a}.btn-secondary{background:#ffffff20;border:1px solid #ffffff30}.btn span{font-size:18px}.section{margin-top:27px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.section-head h2{font-size:21px;letter-spacing:-.6px;margin:0}.section-head>span{color:#8e8da9;font-size:11px;text-align:right}.spaces{display:grid;grid-template-columns:1fr 1fr;gap:12px}.space{position:relative;overflow:hidden;min-height:145px;border-radius:19px;padding:17px 15px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ffffff2d}.aurora{background:radial-gradient(circle at 85% 0%,#a37dff36,transparent 65%),linear-gradient(145deg,#302253,#171a30)}.obsidian{background:radial-gradient(circle at 90% 0%,#ff65a73d,transparent 60%),linear-gradient(145deg,#4a1b39,#201627)}.space-icon{font-size:27px;color:#bb8bff}.obsidian .space-icon{color:#ff83b3}.space-title{font-weight:850;letter-spacing:.2px;font-size:17px;display:flex;justify-content:space-between}.space-title b{font-size:17px;color:#b7aacb}.space small{color:#d0c9df;font-size:11px;margin-top:4px}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool{min-width:0;min-height:108px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(150deg,#222236,#171826);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;transition:transform .15s,border-color .15s}.tool:active,.space:active{transform:scale(.97)}.tool:focus-visible,.space:focus-visible,.btn:focus-visible{outline:2px solid #b889ff;outline-offset:3px}.tool-icon{font-size:28px;line-height:1}.tool strong{font-size:12px;font-weight:700}.purple{color:#bc85ff}.pink{color:#ff8bc5}.blue{color:#7abaff}.orange{color:#ffb57c}.mint{color:#6fe4c6}.yellow{color:#ffdf88}.collection-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding:17px 18px;border-radius:17px;border:1px solid #684b9b6b;background:linear-gradient(100deg,#281c43,#191a30)}.collection-banner strong{font-size:15px}.collection-banner p{font-size:12px;color:#bbb5ce;margin:7px 0 0}.collection-banner>a{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#864de4;font-size:23px}footer{text-align:center;color:#79788f;font-size:11px;margin-top:29px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1040px);height:calc(70px + env(safe-area-inset-bottom));padding:7px 7px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#151522f5;border-top:1px solid #353146;backdrop-filter:blur(16px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#9f9bb6}.bottom-nav a span{font-size:24px;line-height:1.1}.bottom-nav a.active{color:#bc8dff}.bottom-nav .create-tab span{background:linear-gradient(135deg,#9b50f5,#d450bd);color:white;border-radius:12px;width:35px;height:33px;display:grid;place-items:center;font-size:27px}@media(min-width:700px){main{padding:28px 32px 110px}.hero{padding:42px}.hero-buttons{max-width:420px}.spaces{gap:18px}.space{min-height:170px;padding:24px}.tools{grid-template-columns:repeat(6,minmax(0,1fr))}.tool{min-height:125px}.section{margin-top:36px}}@media(max-width:350px){main{padding:14px 12px 100px}.topbar{padding:0 12px}.hero{padding:21px 16px}.hero-pill{font-size:9px}.space{padding:13px 10px}.space-title{font-size:14px}.tool{min-height:96px}}

/* Logo VELTRIA lớn trên trang chủ */
.brand,
.logo,
.site-logo {
  font-size: 25px;
  font-weight: 900;
  letter-spacing: .6px;
}