a,h1,h2,h3,h4,h5,h6,p,span,div,table,thead,tr,th,td
{
	font-family: 'Montserrat', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.coin-logo{
	height:50px;
}
.coin-text{
	line-height: 50px;
	margin-left: 6px !important;
	font-size: 17px;
}
.top-header{
	background-color: #fff !important; 
}
.login-btn{
	margin-right: 10px;
	background: none;
    color: #300175;
    border-color: #300175;
}
.login-btn:hover{
	margin-right: 10px;
	background: none;
    color: #fff;
    background-color: #300175;
}
.register-btn{
	background: #300175;
    color: #fff;
    border-color: #300175;
}
.register-btn:hover{
	background: #300175;
    color: #fff;
    border-color: #300175;
}
.play-store-icon{
	height: 35px;
}
.app-store-icon{
	height: 35px;
}
.store-icon{
	display: grid;
}
.sticky-top{
	background: #18003B !important;
}
.navbar-expand-lg{
	background: #18003B !important;
}
.navbar .navbar-nav .nav-link{
	padding: 12px 0 !important;
	color: #fff;
	font-size: 18px;
	margin-right: 40px !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	background-color: #18003b;
	border: 15px solid #18003b;
}
.back-to-top{
	background-color: #18003b;
    border-color: #18003b;
}
a:hover{
	color: #18003b;
}
.service-item:hover .service-text h5{
	color:#18003b !important;
}
.category-title{
	height: 100%;
	overflow: hidden;
}
.footer{
	background-color: #090102 !important;
}
.footer .social-icons{
	clear: both;
    margin: 0 auto;
    width: 65%;	
}
.footer .pages-link{
	clear: both;
    margin: 0 auto;
    width: 67%;	
    margin-bottom: 40px;
}
.footer .pages-link a{
	color: #fff;
}
.footer-logo{
	height: 100px;
}
.coin-count{
	background: #300175;
	padding: 4px 32px;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 20px;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active{
	color: #fff !important;
}
.coin-image{
	border-right: 1px solid #ddd;
    height: 225px;
    padding: 40px;
    text-align: center;
}
.coin-image img{
	width: 150px !important;
	height: 150px;
	margin: 0 auto;
}
.coin-title{
	background: #d9d9d9;
	text-align: center;
	border-right: 1px solid #b3adad;
}
.coin-title h1{
	font-size: 25px;
}
.coin-detail-title{
	background: #ddd;
}
.coin-detail-title h5{
	padding: 16.1px 10px;
}
.coin-detail-value p{
	padding: 16.1px 10px !important;
}
.coin-mint{
	margin-top: 25px;
}
.coin-mint thead,.coin-mint tbody,.coin-mint tfoot,.coin-mint tr,.coin-mint td,.coin-mint th{
	border: 1px solid #444;
    padding: 15px;

}
.coin-mint-list{
	padding-top: 25px;
}
.coin-mint-list thead,.coin-mint-list tbody,.coin-mint-list tfoot,.coin-mint-list tr,.coin-mint-list td,.coin-mint-list th{
	border: 1px solid #dedede;
    padding: 10px;
    text-align: center;
}
.coin-mint-list .coin-prices,.coin-mint-list .coin-prices td{
	border: none !important;
    padding: 10px;
    text-align: center;
}
.coin-mint-list thead tr{
	background: #e3e3e3;
}
.navbar-light .navbar-toggler-icon{
	background-color: #fff;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  	.coin-text ,.navbar-light .navbar-toggler{
    	color: #fff;
  	}
  	.category-title img{
  		width: 40px;
  	}
  	.category-title h4{
  	    font-size: 15px;
  	}
  	.coin-count{
  		padding: 1px 20px;
  	}
  	.footer .pages-link a {
	    color: #fff;
	    margin-right: 44px !important;
	}
	.footer .pages-link {
	    clear: both;
	    margin: 0 auto;
	    width: 100%;
	    margin-bottom: 40px;
	}
	.coin-image {
	    border-right: 1px solid #ddd;
	    height: 200px;
	    padding: 12px;
	    text-align: center;
	}
}







/* ===== Professional polish (Claude) ===== */
:root{--brand:#300175;--brand-dark:#18003b;--brand-soft:#f6f4fb;--ink:#20182f;--muted:#726f83;--linec:#ece7f5;--gold:#e7b53c;}

/* ---------- Hero carousel (self-contained promo banners: show full, no crop, no text overlay) ---------- */
.hero-wrap{position:relative;overflow:hidden;background:var(--brand-dark);}
.hero-slide{display:block;position:relative;width:100%;aspect-ratio:1400/400;background:var(--brand-dark);overflow:hidden;}
.hero-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;}
.hero-nolink{pointer-events:none;cursor:default;}
@supports not (aspect-ratio: 1 / 1){ .hero-slide{height:clamp(150px,28.5vw,440px);} }
/* controls */
.hero-ctrl{width:52px;height:52px;top:50%;bottom:auto;transform:translateY(-50%);border-radius:50%;
   background:rgba(24,0,59,.45);backdrop-filter:blur(5px);border:1.5px solid rgba(255,255,255,.55);
   opacity:1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;line-height:1;
   padding:0;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:background .2s,transform .2s;}
.hero-ctrl>span:first-child{margin-top:-3px;}
.carousel-control-prev.hero-ctrl{left:22px;right:auto;}
.carousel-control-next.hero-ctrl{right:22px;left:auto;}
.hero-ctrl:hover{background:var(--brand);transform:translateY(-50%) scale(1.06);}
/* indicators / dots */
.hero-dots{bottom:16px;margin:0 auto;left:0;right:0;justify-content:center;z-index:4;}
.hero-dots [data-bs-target]{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.9);
   background:rgba(24,0,59,.35);margin:0 5px;opacity:1;box-shadow:0 1px 4px rgba(0,0,0,.25);
   transition:width .25s,background .25s,border-radius .25s;text-indent:0;}
.hero-dots [data-bs-target].active{background:var(--brand);width:30px;border-radius:7px;}
@media(max-width:767px){
   .hero-ctrl{width:38px;height:38px;font-size:20px;}
   .carousel-control-prev.hero-ctrl{left:10px;} .carousel-control-next.hero-ctrl{right:10px;}
   .hero-dots{bottom:12px;}
}

/* ---------- Section framing ---------- */
.section-block{padding:64px 0;}
.guide-bg{background:var(--brand-soft);}
.section-head{text-align:center;max-width:640px;margin:0 auto 42px;}
.section-head .eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700;color:var(--brand);margin-bottom:8px;}
.section-head h2{font-size:clamp(26px,3.4vw,36px);font-weight:700;color:var(--brand-dark);margin:0 0 10px;}
.section-head p{color:var(--muted);font-size:15px;margin:0;}
/* guide tiles */
.guide-tile{background:#fff;border:1px solid var(--linec);border-radius:16px;padding:22px 12px;text-align:center;height:100%;transition:transform .22s,box-shadow .22s,border-color .22s;}
.guide-tile:hover{transform:translateY(-5px);box-shadow:0 18px 34px -20px rgba(48,1,117,.38);border-color:#d9cdf0;}
.guide-ico{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#f0e9fb;display:flex;align-items:center;justify-content:center;}
.guide-ico img{width:34px;height:34px;object-fit:contain;}
.guide-tile h5{font-size:13.5px;font-weight:600;color:#2a2340;margin:0;line-height:1.3;}
/* coin category cards */
.coin-cat-card{display:block;background:#fff;border:1px solid var(--linec);border-radius:18px;overflow:hidden;height:100%;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;}
.coin-cat-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px -22px rgba(48,1,117,.42);border-color:#cdbdec;}
.coin-cat-media{position:relative;height:156px;background:linear-gradient(160deg,#f8f5fd,#efe8f9);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.coin-cat-media img{max-width:104px;max-height:104px;object-fit:contain;transition:transform .3s;}
.coin-cat-card:hover .coin-cat-media img{transform:scale(1.06);}
.coin-cat-card .coin-count{position:absolute;top:0;right:0;background:var(--brand);color:#fff;font-size:13px;font-weight:700;padding:5px 15px;border-bottom-left-radius:16px;border-top-left-radius:0;border-bottom-right-radius:0;line-height:1.4;}
.coin-cat-body{padding:16px 18px 20px;}
.coin-cat-body h4{font-size:16px;font-weight:700;color:var(--brand-dark);margin:0 0 4px;line-height:1.28;}
.coin-cat-body .years{font-size:12.5px;color:#8a86a0;font-weight:600;letter-spacing:.02em;}

/* ---------- Coin details page ---------- */
.detail-page{background:var(--brand-soft)!important;padding:0 0 60px!important;}
.detail-hero{background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;padding:40px 0 84px;text-align:center;}
.detail-hero .eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.22em;font-size:11.5px;font-weight:700;color:var(--gold);margin-bottom:10px;}
.detail-hero h1{font-size:clamp(24px,3.4vw,38px);font-weight:800;margin:0;line-height:1.15;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.35);}
.detail-shell{max-width:1140px;margin:-64px auto 0;padding:0 16px;position:relative;z-index:2;}
.detail-card{background:#fff;border:1px solid var(--linec);border-radius:20px;box-shadow:0 30px 60px -34px rgba(48,1,117,.4);padding:26px;margin-bottom:26px;}
.detail-card>h3{font-size:18px;font-weight:700;color:var(--brand-dark);margin:0 0 20px;padding-bottom:14px;border-bottom:2px solid var(--linec);}
/* coin images */
.coin-image{border:1px solid var(--linec)!important;border-radius:16px;background:linear-gradient(160deg,#f8f5fd,#efe8f9);
   padding:22px!important;display:flex;align-items:center;justify-content:center;min-height:190px;height:auto!important;margin-bottom:0!important;}
.coin-image img{width:auto!important;max-width:100%;max-height:180px;height:auto!important;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(48,1,117,.18));}
.coin-title{text-align:center;background:transparent!important;border:0!important;padding:12px 0 4px!important;}
.coin-title h5{color:var(--brand)!important;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;margin:0!important;}
/* attributes */
.coin-detail-title,.coin-detail-value{background:transparent!important;padding:0!important;}
.coin-detail-title h5,.coin-detail-value p{padding:9px 2px!important;margin:0!important;border-bottom:1px dashed var(--linec);line-height:1.4;}
.coin-detail-title h5{color:var(--muted)!important;font-weight:600;font-size:13.5px;text-align:left!important;}
.coin-detail-value p{color:var(--ink);font-size:14px;}
.value-in-future h4{color:var(--brand-dark);font-size:16px;margin-bottom:16px;}
/* tables */
.coin-mint table,.coin-mint-list table{border-collapse:separate;border-spacing:0;border:1px solid var(--linec);border-radius:12px;overflow:hidden;}
.coin-mint th,.coin-mint-list th{background:var(--brand-dark);color:#fff;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;padding:11px 12px;text-align:left;}
.coin-mint td,.coin-mint-list td{padding:10px 12px;border-top:1px solid var(--linec);font-size:13.5px;color:var(--ink);}
.coin-mint tbody tr:nth-child(even),.coin-mint-list tbody tr:nth-child(even){background:#faf8fe;}
.coin-mint-list td a,.coin-mint td a{color:var(--brand);font-weight:600;text-decoration:none;}
.coin-mint-list td a:hover{text-decoration:underline;}
@media(max-width:767px){
  .section-block{padding:44px 0;}
  .section-head{margin-bottom:28px;}
  .coin-cat-media{height:120px;}
  .coin-cat-media img{max-width:74px;max-height:74px;}
  .guide-ico{width:52px;height:52px;}
  .guide-tile h5{font-size:12px;}
  .detail-shell{margin-top:-52px;}
  .detail-card{padding:18px;}
  .coin-mint th,.coin-mint-list th,.coin-mint td,.coin-mint-list td{padding:8px 8px;font-size:12px;}
}

/* ---------- Footer ---------- */
.site-footer{background:var(--brand-dark);color:#cdbfe4;padding:56px 0 0;margin-top:60px;}
.footer-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:16px;}
.footer-brand img{height:44px;width:auto;}
.footer-brand span{color:#fff;font-weight:700;font-size:20px;}
.footer-about{font-size:14px;line-height:1.7;color:#b7a9d4;max-width:340px;margin:0 0 20px;}
.footer-app{display:inline-flex;align-items:center;gap:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 18px;text-decoration:none;color:#fff;transition:background .2s;}
.footer-app:hover{background:rgba(255,255,255,.16);color:#fff;}
.footer-app i{font-size:26px;}
.footer-app span{display:flex;flex-direction:column;line-height:1.15;font-weight:700;font-size:16px;}
.footer-app small{font-weight:500;font-size:10.5px;opacity:.85;text-transform:uppercase;letter-spacing:.06em;}
.footer-head{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:6px 0 18px;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:11px;}
.footer-links a{color:#b7a9d4;text-decoration:none;font-size:14.5px;transition:color .2s,padding .2s;}
.footer-links a:hover{color:#fff;padding-left:4px;}
.footer-social{display:flex;gap:10px;margin-top:18px;}
.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:15px;transition:background .2s,transform .2s,border-color .2s;}
.footer-social a:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-2px);color:#fff;}
.footer-bar{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding:18px 0;font-size:13px;color:#9d8ec0;}
.footer-bar span{padding:3px 0;}
@media(max-width:575px){ .footer-bar .container{justify-content:center!important;gap:4px;text-align:center;} }

/* ---------- Auth (login / register) ---------- */
.auth-wrap{background:var(--brand-soft);padding:60px 0;min-height:66vh;display:flex;align-items:center;}
.auth-card{max-width:460px;width:100%;margin:0 auto;background:#fff;border:1px solid var(--linec);border-radius:20px;box-shadow:0 30px 60px -34px rgba(48,1,117,.4);padding:38px 34px;}
.auth-card.wide{max-width:660px;}
.auth-head{text-align:center;margin-bottom:26px;}
.auth-head .eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.2em;font-size:11.5px;font-weight:700;color:var(--brand);margin-bottom:8px;}
.auth-head h1{font-size:24px;font-weight:800;color:var(--brand-dark);margin:0 0 6px;}
.auth-head p{color:var(--muted);font-size:14px;margin:0;}
.auth-card label{font-weight:600;font-size:13px;color:var(--ink);margin-bottom:6px;display:block;}
.auth-card label .opt{color:#a99fbf;font-weight:500;}
.auth-card .form-control{border:1.5px solid var(--linec);border-radius:11px;padding:11px 14px;font-size:14.5px;color:var(--ink);background:#fff;}
.auth-card .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(48,1,117,.12);}
.auth-btn{width:100%;background:var(--brand-dark);color:#fff;border:0;border-radius:40px;padding:13px 20px;font-weight:700;font-size:15px;cursor:pointer;transition:background .2s,transform .2s;}
.auth-btn:hover{background:var(--brand);color:#fff;transform:translateY(-1px);}
.auth-alt{text-align:center;margin-top:22px;font-size:14px;color:var(--muted);}
.auth-alt a{color:var(--brand);font-weight:700;text-decoration:none;}
.auth-alt a:hover{text-decoration:underline;}
.auth-card .alert{border-radius:11px;font-size:13.5px;}

/* ---------- Listing (category coins) ---------- */
.listing-page{background:var(--brand-soft);padding-bottom:56px;min-height:60vh;}
.listing-hero{background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;padding:40px 0;text-align:center;margin-bottom:34px;}
.listing-hero .eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.22em;font-size:11.5px;font-weight:700;color:var(--gold);margin-bottom:8px;}
.listing-hero h1{font-size:clamp(24px,3.4vw,36px);font-weight:800;margin:0;color:#fff;}
.listing-hero p{margin:8px 0 0;color:#d7c9f2;font-size:14.5px;font-weight:600;letter-spacing:.02em;}
.coin-list-card{display:block;background:#fff;border:1px solid var(--linec);border-radius:16px;overflow:hidden;height:100%;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;}
.coin-list-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px -22px rgba(48,1,117,.42);border-color:#cdbdec;}
.coin-list-media{position:relative;height:150px;background:linear-gradient(160deg,#f8f5fd,#efe8f9);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px;}
.coin-list-media img{max-width:100%;max-height:120px;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 8px 14px rgba(48,1,117,.15));}
.coin-list-card:hover .coin-list-media img{transform:scale(1.06);}
.coin-list-media .coin-count{position:absolute;top:0;right:0;background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-bottom-left-radius:14px;line-height:1.4;}
.coin-list-body{padding:14px 16px 18px;}
.coin-list-body h4{font-size:15px;font-weight:700;color:var(--brand-dark);margin:0 0 4px;line-height:1.3;}
.coin-list-body .years{font-size:12.5px;color:#8a86a0;font-weight:600;}
@media(max-width:767px){ .coin-list-media{height:120px;} .coin-list-media img{max-height:92px;} }

/* ---------- Profile / My Collection / MYC Future ---------- */
.profile{margin:34px 0!important;}
.profile-sidebar{border:1px solid var(--linec);border-radius:16px;box-shadow:0 12px 30px -22px rgba(48,1,117,.28);overflow:hidden;padding:22px 0 8px!important;}
.profile-usertitle-job{color:var(--brand)!important;letter-spacing:.12em;font-size:12px!important;}
.profile-usermenu{margin-top:18px!important;}
.profile-usermenu ul li{border-bottom:1px solid var(--linec)!important;}
.profile-usermenu ul li a{color:var(--muted)!important;font-size:15px!important;font-weight:600!important;padding:12px 18px!important;display:flex!important;align-items:center;transition:background .15s,color .15s;}
.profile-usermenu ul li a i{margin-right:10px!important;font-size:16px!important;color:#b3a6cf!important;width:18px;text-align:center;}
.profile-usermenu ul li a:hover{background:var(--brand-soft)!important;color:var(--brand)!important;width:100%;}
.profile-usermenu ul li a:hover i{color:var(--brand)!important;}
.profile-usermenu ul li.active a{color:var(--brand)!important;border-left:3px solid var(--brand)!important;background:var(--brand-soft)!important;font-weight:700!important;}
.profile-usermenu ul li.active a i{color:var(--brand)!important;}
.profile-content{background:transparent!important;min-height:auto!important;padding:0!important;}
.profile-content .card{border:1px solid var(--linec)!important;border-radius:16px!important;box-shadow:0 12px 30px -22px rgba(48,1,117,.3)!important;background:#fff!important;overflow:hidden;}
.coin_bg{background:linear-gradient(120deg,var(--brand-dark),var(--brand))!important;color:#fff!important;padding:6px 4px!important;}
.coin_bg h5{color:#fff!important;font-weight:600;}
/* empty state */
.empty-state{text-align:center;padding:58px 24px;background:#fff;border:1px solid var(--linec);border-radius:16px;margin:6px;}
.empty-state i{font-size:44px;color:#c9b8ea;margin-bottom:16px;display:block;}
.empty-state h4{color:var(--brand-dark);font-weight:700;font-size:19px;margin:0 0 8px;}
.empty-state p{color:var(--muted);font-size:14px;margin:0 0 20px;}
.empty-cta{display:inline-block;background:var(--brand-dark);color:#fff;text-decoration:none;padding:11px 26px;border-radius:40px;font-weight:700;font-size:14px;transition:background .2s;}
.empty-cta:hover{background:var(--brand);color:#fff;}