/* DNSai Domain Manager Body Content Styles (cloned from dns-explorer.css 2026-06-11) *//* Navigation and Footer styles are provided by home.css */@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&display=swap");/* Utility Items */body.domain-manager-page .utility-item{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid rgba(77,166,255,0.15)}body.domain-manager-page .utility-item:last-child{border-bottom:none;padding-bottom:0}body.light-mode.domain-manager-page .utility-item{border-bottom:1px solid rgba(77,166,255,0.2)}/* Industry Cards */body.domain-manager-page .industry-card{background:rgba(77,166,255,0.05);border-left:3px solid #4da6ff;padding:25px;margin-bottom:25px;border-radius:8px;transition:all 0.3s ease}body.domain-manager-page .industry-card:hover{background:rgba(77,166,255,0.08);border-left-width:4px;transform:translateX(5px)}body.light-mode.domain-manager-page .industry-card{background:rgba(77,166,255,0.08);border-left:3px solid #4da6ff}body.light-mode.domain-manager-page .industry-card:hover{background:rgba(77,166,255,0.12)}/* Override body styles for DNS Explorer page only */body.domain-manager-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:0}/* DNS Explorer specific container styles */body.domain-manager-page .container{flex:1;display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:1000px;max-height:none;height:auto;margin:80px auto 40px auto;padding:20px;overflow:visible;z-index:1;background:transparent}body.domain-manager-page .content{flex:1 1 325px;background-color:rgba(0, 0, 0, 0);border-radius:15px;padding:20px;margin:10px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.3)}body.domain-manager-page .product-image{flex:1 1 400px;background-color:rgba(0, 0, 0, 0);border-radius:15px;padding:10px;margin:10px}body.domain-manager-page .product-image img{width:82%;height:auto;margin-top:20px;margin:5px;border-radius:5px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.3)}/* DNS Button Styles */body.domain-manager-page .dns-button{display:inline-block;font-size:9pt;color:#fff;border:1px solid #fff;border-radius:50px;padding:4px 10px;margin-top:5px;text-align:center;text-decoration:none;transition:all 0.3s ease}body.domain-manager-page .dns-button:hover{background-color:#fff;color:#000}body.light-mode.domain-manager-page .dns-button{color:#000;border:1px solid #000}body.light-mode.domain-manager-page .dns-button:hover{background-color:#000;color:#fff}/* Buttons */body.domain-manager-page button{background:linear-gradient(to bottom, #0054FF, #0447D3);color:white;border:none;cursor:pointer;font-size:16px;padding:10px;border-radius:15px;width:35%;margin:15px}body.domain-manager-page button:disabled{opacity:0.5;cursor:not-allowed}body.domain-manager-page button:hover:not(:disabled){background:linear-gradient(to bottom, #0447D3, #0054FF)}/* Z-Index Hierarchy:Matches main.css - Nav Menu on top, Flyout slides behind nav *//* Hierarchy:Modal (9999) > Nav Menu (1300) > Flyout Menu (1200) > Backdrop (1100) */body.domain-manager-page .nav-menu{z-index:1300 !important}body.domain-manager-page .flyout-menu{z-index:1200 !important}body.domain-manager-page .flyout-backdrop{z-index:1100 !important}/* Modal - Highest z-index to appear above all navigation elements including menu icon *//* Z-Index Hierarchy:Modal (9999) > Flyout Menu (1400) > Menu Icon (1350) > Nav Menu (1300) > Backdrop (1100) */body.domain-manager-page .modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(8, 34, 67, 0.5)}body.domain-manager-page .modal-content{position:relative;background-color:#333;margin:15% auto;padding:15px;border:1px solid #888;width:65%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);text-align:center;border-radius:30px;color:white}body.domain-manager-page .close, body.domain-manager-page .close-bottom{color:#aaa;cursor:pointer}body.domain-manager-page .modal-content .close-bottom{background:#444 !important;color:#fff !important;border:none !important;font-size:12px !important;padding:5px 5px !important;border-radius:5px !important;width:25% !important;margin-top:10px !important;cursor:pointer !important}body.domain-manager-page .modal-content .close-bottom:hover{color:#ccc !important;background-color:#171717 !important}body.domain-manager-page #close{position:absolute;top:20px;right:20px;font-size:25px;font-weight:bold;cursor:pointer}body.domain-manager-page #close:hover, body.domain-manager-page .close:focus, body.domain-manager-page .close-bottom:hover{color:#ccc}body.domain-manager-page .modal-logo{width:250px;margin:8px 0 10px 0}body.domain-manager-page .indent-text{padding-left:15px}body.domain-manager-page .indent-text2{padding-left:50px}body.domain-manager-page .version-details{font-size:8pt;margin:8px 0}body.domain-manager-page .modal-content p{margin:8px 0}body.domain-manager-page .modal-content button{margin:10px 0 6px 0}/* Lists */body.domain-manager-page ul{list-style:none}/* Main Section */body.domain-manager-page .main{max-width:75rem;padding:3em 1.5em;margin:0 auto}body.domain-manager-page .main__heading{font-weight:600;font-size:2.25em;margin-bottom:0.75em;text-align:center;color:#ffffff}body.light-mode.domain-manager-page .main__heading{color:#000000}/* Cards Container */body.domain-manager-page .cards-container{display:flex;justify-content:center;align-items:stretch;width:100%;padding:1.5em 0}body.domain-manager-page .cards{max-width:1200px;width:100%;position:relative}body.domain-manager-page .cards__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5em;position:relative}/* Card Styles */body.domain-manager-page .card{max-width:260px;min-width:260px;--flow-space:0.5em;--hsl:var(--hue), var(--saturation), var(--lightness);flex:1 1 20rem;padding:1.5em 2em;text-align:center;gap:10px;display:grid;grid-template-rows:auto auto auto auto 1fr auto auto;align-items:start;color:#ffffff;background-color:transparent;border:1px solid rgba(255, 255, 255, 0.5);border-radius:15px}body.domain-manager-page .card img{width:100%;max-width:130px}body.domain-manager-page .card:nth-child(1){--hue:199;--saturation:100%;--lightness:50%}body.domain-manager-page .card:nth-child(2){--hue:200;--saturation:100%;--lightness:36.1%}body.domain-manager-page .card:nth-child(3){--hue:218.12;--saturation:100%;--lightness:50%}body.domain-manager-page .card__bullets{line-height:1.4}body.domain-manager-page .card__bullets li::before{display:inline-block;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' title='check' fill='%23dddddd'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' /%3E%3C/svg%3E");transform:translatey(0.25ch);margin-right:1ch}body.domain-manager-page .card__heading{font-size:1.05em;font-weight:600}body.domain-manager-page .card-image-container{display:flex;justify-content:center;align-items:center;margin:25px 0}body.domain-manager-page .card-logo1,body.domain-manager-page .card-logo2,body.domain-manager-page .card-logo3{max-width:135px;width:135px;height:auto;aspect-ratio:1 / 1;object-fit:contain}body.domain-manager-page .card-logo1{filter:drop-shadow(0 0 18px #66CCFF)}body.domain-manager-page .card-logo2{filter:drop-shadow(0 0 18px #007AB9)}body.domain-manager-page .card-logo3{filter:drop-shadow(0 0 18px #0054FF)}body.domain-manager-page .card__product-name{font-size:1.1em;font-weight:600;margin:8px 0}body.domain-manager-page .card__price{font-size:1.75em;font-weight:700;margin:5px 0}body.domain-manager-page .card__description{margin:5px 0}body.domain-manager-page .card__disclaimer{font-size:12px;margin:0;min-height:1.5em;color:#9ca3af}body.domain-manager-page .card__disclaimer--savings{font-size:13px;color:#22c55e;font-weight:600}body.domain-manager-page .flow > * + *{margin-top:var(--flow-space, 1.25em)}body.domain-manager-page .card__cta.cta{display:block;text-decoration:none;text-align:center;color:#ffffff;background-color:transparent;border:1px solid rgba(255, 255, 255, 0.5);padding:5px;border-radius:10px;margin-top:8px}/* Overlay Effects */body.domain-manager-page .overlay{position:absolute;inset:0;pointer-events:none;user-select:none;opacity:var(--opacity, 0);-webkit-mask:radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 50% );mask:radial-gradient( 25rem 25rem at var(--x) var(--y), #000 1%, transparent 50% );transition:400ms mask ease;will-change:mask}body.domain-manager-page .overlay .card{background-color:hsla(var(--hsl), 0.15);border-color:hsla(var(--hsl), 1);box-shadow:0 0 0 1px inset hsl(var(--hsl))}body.domain-manager-page .overlay .cta{display:block;grid-row:-1;width:100%;background-color:hsl(var(--hsl));box-shadow:0 0 0 1px hsl(var(--hsl));padding:5px;border:1px solid rgba(255, 255, 255, 0.5);border-radius:10px}body.domain-manager-page:not(.overlay) > .card{transition:400ms background ease;will-change:background}body.domain-manager-page:not(.overlay) > .card:hover{--lightness:95%;background:hsla(var(--hsl), 0.1)}/* Light Mode Overrides for Cards */body.light-mode.domain-manager-page .card{border:1px solid #000;color:#000}body.light-mode.domain-manager-page .card__bullets li::before{fill:#000}body.light-mode.domain-manager-page .overlay .card{background-color:hsla(var(--hsl), 0.15);border-color:hsla(var(--hsl), 1);box-shadow:0 0 0 1px inset hsl(var(--hsl))}body.light-mode.domain-manager-page .cta{color:#000;background-color:#eeeeee}body.light-mode.domain-manager-page .overlay .cta{background-color:hsl(var(--hsl));box-shadow:0 0 0 1px hsl(var(--hsl))}/* Light mode text colors */body.light-mode.domain-manager-page .content,body.light-mode.domain-manager-page .content h2,body.light-mode.domain-manager-page .content h3,body.light-mode.domain-manager-page .content p,body.light-mode.domain-manager-page .content li{color:#000 !important}/* Ensure content background stays transparent in light mode */body.light-mode.domain-manager-page .container{background:transparent !important}body.light-mode.domain-manager-page .content{background-color:rgba(255, 255, 255, 0.9);box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}/* Responsive Design */@media (max-width:800px){body.domain-manager-page{padding-top:0}body.domain-manager-page .container{flex-direction:column;align-items:center;margin-top:70px;padding:15px;height:auto;max-height:none}body.domain-manager-page .content{margin-top:25px}body.domain-manager-page button, body.domain-manager-page #close-bottom{width:100%}body.domain-manager-page .modal-content{width:90%}body.domain-manager-page .card{flex:1 1 calc(50% - 1em)}body.domain-manager-page button{width:50%}body.domain-manager-page .modal-content{width:85%}body.domain-manager-page .modal-content .close-bottom{width:35% !important}body.domain-manager-page .modal-logo{max-width:170px !important}}@media (max-width:500px){body.domain-manager-page .card{flex:1 1 100%}body.domain-manager-page button{width:60%}body.domain-manager-page .modal-content{width:90%}}body.domain-manager-page main{width:100%}