*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf0f7;color:#13264c;font-family:Arial,Helvetica,sans-serif}.topbar{height:76px;position:fixed;z-index:5;top:0;left:340px;right:0;background:linear-gradient(100deg,#06163f,#003c7a);border-bottom:3px solid #ed00b6;display:flex;align-items:center;padding:0 22px;box-shadow:0 4px 18px #050b2b55}.topbar nav{display:flex;align-items:center;gap:7px;flex:1}.topbar nav a{color:#fff;text-decoration:none;padding:15px 13px;border-radius:8px;white-space:nowrap;font-weight:bold}.topbar nav a.active,.topbar nav a:hover{background:linear-gradient(110deg,#e600a8,#ff087c);box-shadow:0 0 16px #f000b8}.topbar nav a span{margin-left:5px}.search{font-size:32px;color:white;text-decoration:none;padding:0 10px}.brand-mobile{display:none}.sidebar{position:fixed;z-index:6;left:0;top:0;bottom:0;width:340px;background:linear-gradient(160deg,#061337,#031e50 75%,#020a24);color:#fff;padding:12px 9px;overflow:hidden;border-right:3px solid #173c83}.logo{height:78px;display:flex;align-items:center;justify-content:center;gap:8px;color:white;text-decoration:none;text-shadow:0 0 12px #ff00b7}.witch{font-size:44px}.logo b{display:block;color:#fff;font-size:29px;font-style:italic}.logo strong{display:block;color:#ffd629;font-size:20px;font-style:italic;white-space:nowrap}.side-intro{background:linear-gradient(130deg,#ed009e,#5c008d);text-align:center;padding:17px 14px 20px;border-radius:7px;box-shadow:0 0 22px #ff00a255}.side-intro h2{font-size:21px;margin:3px 0 10px}.side-intro p{line-height:1.5;margin:0;font-size:16px}.side-links{margin-top:9px;border:1px solid #233c6d;border-radius:6px;overflow:hidden}.side-links a{display:flex;align-items:center;gap:17px;padding:17px 22px;border-bottom:1px solid #1b315a;color:#fff;text-decoration:none;font-size:17px}.side-links a:hover{background:#102e66;color:#ff4bce}.side-links a:first-child{margin-top:0}.side-links a span{flex:1}.side-links a b{margin-left:auto}.social{display:flex;gap:10px;justify-content:center;margin:30px 0}.social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:white;background:linear-gradient(140deg,#087aff,#00b8e8);font-size:20px;font-weight:bold;box-shadow:0 0 12px #00baff55}.social a:nth-child(3){background:#e6009e}.social a:nth-child(4){background:#f22e20}.social a:nth-child(5){background:#34496d}.sidebar-glow{position:absolute;bottom:-45px;left:-70px;width:450px;height:120px;transform:rotate(-25deg);border-top:4px solid #ed00d0;filter:drop-shadow(0 0 12px #ff00d4)}.main{margin-left:340px;padding:94px 22px 30px;max-width:1700px}.hero-banner{height:192px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #ff55ec;border-radius:7px;background:radial-gradient(ellipse at center,#7800ac,#26005b 65%,#160747);box-shadow:0 0 22px #e600d577;margin-bottom:14px;color:#fff;text-align:center}.hero-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(90deg,#e500c4,#ff147d);border-top:2px solid #ff8be9}.sparkles{position:absolute;top:15px;color:#ff5fe8;font-size:27px;text-shadow:0 0 14px #ff00da}.hero-title{z-index:1;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 10px #ff39d7}.hero-title small{font-weight:bold;font-style:italic;font-size:22px}.hero-title b{font-size:clamp(24px,3vw,43px);font-weight:1000;font-style:italic;color:#fff3b0;-webkit-text-stroke:1px #fff;text-shadow:3px 4px 0 #7c3500,0 0 15px #ff00d9}.hero-title strong{z-index:2;margin-top:18px;font-size:24px;letter-spacing:1px}.hero-witch{position:absolute;z-index:1;font-size:75px;top:14px;filter:drop-shadow(0 0 9px #ff8be9)}.hero-witch.left{left:7%}.hero-witch.right{right:7%;transform:scaleX(-1)}.listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.listing-card{background:#080e2b;border:3px solid #152c68;border-radius:7px;overflow:hidden;box-shadow:0 4px 13px #0a143c44}.listing-photo{height:170px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.listing-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8db5ce,#d8b9a5 45%,#16284d);opacity:.95}.listing-photo.two:before{background:linear-gradient(140deg,#4a3029,#d8b29b,#242039)}.listing-photo.three:before{background:linear-gradient(140deg,#f1c19c,#8b4a3b,#171b36)}.listing-photo.four:before{background:linear-gradient(140deg,#172c3e,#b9a18b,#16172c)}.photo-symbol{z-index:1;font-size:68px;color:#fff6f9;text-shadow:0 0 25px #ff00b9}.photo-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:8px;background:#080e2be8;color:#fff;font-weight:bold}.vip{position:absolute;right:7px;top:8px;background:#ffd900;color:#111;padding:5px 10px;border-radius:7px;border:2px solid #ff9c00;z-index:2}.listing-name{text-align:center;color:#fff;font-size:20px;font-weight:bold;padding:7px}.phone-button{display:block;text-align:center;text-decoration:none;color:white;background:linear-gradient(90deg,#f000a9,#ff1384);padding:10px 3px;font-size:19px;font-weight:bold;margin:0 6px 6px;border-radius:6px;box-shadow:0 0 12px #f000a944}.articles-section{background:white;border-radius:6px;overflow:hidden;box-shadow:0 4px 18px #07153c12}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px;background:linear-gradient(100deg,#b500f5,#ed007b,#ff1919);color:white}.section-title h2{margin:0;font-size:24px}.section-title a{color:white;border:1px solid #fff9;padding:9px 13px;text-decoration:none;border-radius:6px;font-weight:bold}.article-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 160px;gap:18px;align-items:center;padding:12px 17px;border-bottom:1px solid #e1e5ed;min-height:125px}.article-text h3{font-size:20px;margin:0 0 7px;color:#102957}.article-text p{font-size:16px;line-height:1.5;color:#555;margin:0}.article-thumb{height:95px;border-radius:5px;display:grid;place-items:center;font-size:38px;color:white;text-shadow:0 0 12px #fff;background:linear-gradient(140deg,#b4cbdc,#846b84,#e3b69a)}.thumb-two{background:linear-gradient(140deg,#44395e,#cf8b75,#ffc9a5)}.thumb-three{background:linear-gradient(140deg,#edba8b,#5a6e88,#2a2a48)}.read-more{justify-self:end;text-decoration:none;color:white;background:linear-gradient(100deg,#e600b1,#ff087c);padding:12px 13px;border-radius:5px;font-weight:bold;white-space:nowrap}.region-strip{margin-top:16px;padding:17px 20px;background:#fff;border-left:4px solid #ed00b6;border-radius:4px}.region-strip h2{margin:0 0 8px;color:#c000a7}.region-strip p{margin:0;color:#515b70;line-height:1.6}footer{text-align:center;padding:25px;color:#64718a;font-size:13px}footer a{color:#c000a7}.full-article{background:white;padding:25px;border-radius:8px;min-height:500px}.back{color:#c000a7;text-decoration:none}.article-cover{margin:20px 0;padding:25px;text-align:center;color:white;font-size:25px;font-weight:bold;background:linear-gradient(100deg,#b500f5,#ed007b,#ff1919)}.full-article h1{font-size:30px}.article-date{color:#7a8191;font-size:13px}.article-body{font-size:18px;line-height:1.8;white-space:normal;color:#333}.admin-body{min-height:100vh;background:linear-gradient(135deg,#061337,#092c65);padding:30px 16px}.login-card{max-width:420px;margin:6vh auto;background:white;padding:28px;border-radius:12px;box-shadow:0 0 35px #ec00bd55}.admin-logo{text-align:center;font-size:27px;font-weight:bold;color:#c000a7}.login-card h1{text-align:center}.login-card label,.article-form label{display:block;font-weight:bold;margin:14px 0 6px}.login-card input,.article-form input,.article-form textarea{width:100%;border:1px solid #cbd2df;border-radius:6px;padding:12px;font:inherit}.login-card button,.article-form button{margin-top:18px;border:0;border-radius:6px;background:linear-gradient(100deg,#bf00e8,#ff087c);color:#fff;padding:13px 20px;font-size:16px;font-weight:bold;cursor:pointer}.login-card button{width:100%}.hint,.security-note{font-size:13px;color:#737d91}.error{color:#c00}.admin-top{max-width:1100px;margin:0 auto 20px;display:flex;justify-content:space-between;gap:15px;color:white;align-items:center}.admin-top a{color:white;text-decoration:none;font-weight:bold}.admin-wrap{max-width:1100px;margin:0 auto;background:#fff;border-radius:10px;padding:25px}.admin-wrap h1{margin-top:0}.article-form{padding:20px;background:#f5f6fa;border:1px solid #dfe4ef;border-radius:8px;margin:20px 0 30px}.article-form h2{margin-top:0}.form-actions{display:flex;align-items:center;gap:15px}.form-actions button{margin-top:12px}.cancel{color:#a0009c}.notice{background:#e4ffe9;border:1px solid #98dca7;padding:12px;border-radius:6px;color:#16652b}.admin-article-list{display:grid;gap:10px}.admin-article{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #e0e4ec;padding:15px;border-radius:7px}.admin-article small{display:block;color:#7c8492;margin-top:5px}.admin-article p{margin:6px 0 0;color:#626b7b}.admin-actions{display:flex;gap:8px;flex-shrink:0}.admin-actions a{padding:8px 10px;background:#12356e;color:white;border-radius:5px;text-decoration:none}.admin-actions .delete{background:#d21e3e}
@media(max-width:1150px){.topbar{left:275px}.sidebar{width:275px}.main{margin-left:275px}.topbar nav a{padding:12px 7px;font-size:13px}.logo b{font-size:25px}.logo strong{font-size:16px}.article-row{grid-template-columns:minmax(0,1fr) 110px}.article-thumb{height:80px}.read-more{grid-column:1/-1;justify-self:end}.listing-photo{height:135px}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;bottom:auto;padding:8px}.logo{height:64px}.side-intro{padding:12px}.side-links{display:grid;grid-template-columns:1fr 1fr}.side-links a{padding:12px;font-size:14px}.social{margin:12px}.sidebar-glow{display:none}.topbar{position:sticky;top:0;left:0;height:auto;padding:8px;overflow-x:auto}.topbar nav{gap:3px}.topbar nav a{padding:10px 8px;font-size:12px}.topbar nav a span{display:none}.search{font-size:25px}.main{margin:0;padding:12px}.hero-banner{height:155px}.hero-witch{font-size:43px}.hero-title b{font-size:24px}.hero-title strong{font-size:17px;margin-top:13px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.listing-photo{height:145px}.phone-button{font-size:15px}.section-title h2{font-size:18px}.section-title a{font-size:12px;padding:8px}.article-row{grid-template-columns:minmax(0,1fr) 80px;gap:10px;padding:12px}.article-text h3{font-size:17px}.article-text p{font-size:14px}.article-thumb{height:70px}.read-more{grid-column:1/-1}.admin-wrap{padding:16px}.admin-article{align-items:flex-start;flex-direction:column}.admin-top{flex-wrap:wrap}.full-article{padding:16px}.full-article h1{font-size:24px}}
