.isoftage-home{--night: #03162e;--blue: #20c7ff;--soft-blue: #72e6ff;width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:12px 38px 18px;overflow:hidden;color:#f5fbff;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(ellipse at 50% 0%,#082c57 0,#03162e 55%,#020d1d)}.site-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:7px 17px 7px 5px;border:1px solid rgba(104,220,255,.31);border-radius:18px;background:linear-gradient(100deg,#04162fe6,#05305ec4,#04132be8);box-shadow:0 10px 35px #00030f47,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.site-brand img{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(46,208,255,.55))}.site-nav{display:flex;align-items:center;gap:clamp(12px,1.55vw,27px)}.site-nav>a{display:inline-flex;align-items:center;gap:5px;padding:9px 2px;color:#e6f5ff;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s,background .2s}.site-nav>a:hover{color:#62e2ff}.site-nav>.nav-active{padding:9px 15px!important;border-radius:22px;background:linear-gradient(135deg,#058df4,#1249cc);box-shadow:0 0 17px #008bff59}.primary-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffb21966}.hero-section{position:relative;min-height:350px;margin:10px 0 0;overflow:hidden;border-radius:20px 20px 7px 7px;isolation:isolate}.hero-art{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,rgba(2,11,29,.35),transparent 63%),var(--hero-art);background-size:cover;background-position:center 48%}.hero-section:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#020d20d6,#020d208a 32%,#020d2008 70%),linear-gradient(0deg,rgba(2,14,32,.42),transparent 35%)}.hero-content{position:relative;width:min(47%,510px);padding:49px 0 34px 6.5%}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid rgba(197,244,255,.72);border-radius:20px;color:#e1f9ff;font-size:9px;font-weight:800;letter-spacing:.16em}.hero-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#4ae4ff;box-shadow:0 0 9px #4ae4ff}.hero-content h1{margin:6px 0 -6px;color:#f5faff;font-size:clamp(43px,6vw,72px);font-weight:950;letter-spacing:-.055em;line-height:1.04;text-shadow:0 3px 15px rgba(72,189,255,.31)}.hero-content h2{margin:0;color:#f7fbff;font-size:clamp(23px,3vw,34px);font-weight:820;letter-spacing:-.035em;line-height:1.02}.hero-content h2 span{color:#ffcf45}.hero-content p{max-width:390px;margin:12px 0 16px;color:#e1f1ff;font-size:12px;line-height:1.55}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 15px;border-radius:24px;text-decoration:none;font-size:12px;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s}.primary-action{color:#1d1731;background:linear-gradient(110deg,#ffdf63,#ffae19);box-shadow:0 5px 18px #ffb21947}.secondary-action{border:1px solid #16caff;color:#60e7ff;background:#011b3ca8;box-shadow:inset 0 0 14px #00b5ff14}.secondary-action:hover{transform:translateY(-2px);background:#034f80b3}.scroll-cue{position:absolute;right:22px;bottom:17px;display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(128,229,255,.5);border-radius:50%;color:#a9f4ff;text-decoration:none}.games-section{padding:12px 4% 14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:1px 0 9px}.section-heading h2{margin:0;color:#f0f7ff;font-size:21px;font-weight:850;letter-spacing:-.035em}.section-heading h2 span{color:#2cd6f4}.section-heading>a{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid rgba(42,207,255,.62);border-radius:18px;color:#a9f5ff;text-decoration:none;font-size:10px;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-card{position:relative;display:block;min-width:0;height:112px;overflow:hidden;border:1px solid rgba(63,209,255,.58);border-radius:13px;color:#fff;text-decoration:none;background:#05224a;box-shadow:0 5px 15px #00000038;transition:transform .22s,border-color .22s,box-shadow .22s}.game-card:hover{transform:translateY(-3px);border-color:#b4f6ff;box-shadow:0 9px 24px #00b2ff3d}.game-card-art{position:absolute;inset:0;background-size:210% auto;opacity:.91;transition:transform .35s}.game-card:hover .game-card-art{transform:scale(1.06)}.game-art-dragon .game-card-art{background-position:56% 44%}.game-art-shark .game-card-art{background-position:83% 53%}.game-art-treasure .game-card-art{background-position:100% 75%}.game-art-fish .game-card-art{background-position:69% 83%}.game-card:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,#010d22ed 1%,#010d2285 38%,#010d2200 83%)}.game-card-content{position:absolute;z-index:1;right:42px;bottom:8px;left:10px;display:flex;flex-direction:column;align-items:flex-start}.game-card-title{overflow:hidden;max-width:100%;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.game-card-type{margin-top:1px;color:#6cecff;font-size:10px;font-weight:600}.game-tags{display:flex;gap:4px;margin-top:5px}.game-tags span{padding:2px 7px;border:1px solid rgba(178,233,255,.43);border-radius:9px;color:#e8f7ff;background:#032045b8;font-size:8px;line-height:1.2}.game-arrow{position:absolute;z-index:2;right:8px;bottom:11px;display:grid;width:29px;height:29px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(140deg,#20caff,#1161eb);box-shadow:0 2px 9px #0000004d}.youtube-section{display:flex;align-items:center;gap:18px;margin:2px 4% 8px;padding:18px 22px;border:1px solid rgba(79,203,255,.37);border-radius:16px;background:linear-gradient(105deg,#05254deb,#031632e6);box-shadow:inset 0 1px #ffffff0f}.youtube-mark{display:grid;flex:none;width:54px;height:54px;place-items:center;border-radius:16px;color:#fff;background:#ed2626;box-shadow:0 6px 20px #ed26263d}.youtube-copy{flex:1;min-width:0}.youtube-eyebrow{color:#72e6ff;font-size:9px;font-weight:800;letter-spacing:.16em}.youtube-copy h2{margin:3px 0 4px;font-size:18px;line-height:1.2}.youtube-copy p{margin:0;color:#c9e4f4;font-size:11px;line-height:1.5}.youtube-link{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 15px;border:1px solid rgba(119,225,255,.6);border-radius:20px;color:#e2f9ff;text-decoration:none;font-size:11px;font-weight:800;transition:background .2s,transform .2s}.youtube-link:hover{background:#1b92c940;transform:translateY(-2px)}.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 4% 0;color:#c5deefb8;font-size:9px}@media(min-width:1200px){.hero-section{min-height:clamp(350px,29vw,410px)}.hero-content{padding-top:62px}}@media(max-width:1050px){.isoftage-home{padding-inline:20px}.site-brand span{display:none}.site-nav{gap:13px}.site-nav>a:not(.quote-button){font-size:11px}}@media(max-width:760px){.isoftage-home{padding:8px 10px 14px}.site-header{min-height:54px;padding:4px 10px;border-radius:14px}.site-brand img{width:47px;height:47px}.site-brand span{display:inline;font-size:12px}.site-nav{gap:4px}.site-nav>a{padding:8px 9px!important;border-radius:8px;font-size:11px}.site-nav>.nav-active{background:#0d64c68c}.hero-section{min-height:470px;margin-top:8px;border-radius:15px 15px 5px 5px}.hero-art{background-size:auto 100%;background-position:58% center}.hero-section:after{background:linear-gradient(90deg,#020b1ddb,#020b1d94 65%,#020b1d14),linear-gradient(0deg,rgba(2,12,28,.46),transparent 50%)}.hero-content{width:min(92%,430px);padding:66px 0 30px 7%}.hero-content h1{margin-top:12px;font-size:clamp(49px,12vw,70px)}.hero-content h2{font-size:clamp(27px,7vw,37px)}.hero-content p{max-width:320px;font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column}.primary-action,.secondary-action{min-height:42px;padding-inline:17px}.games-section{padding:12px 3px 13px}.section-heading h2{font-size:18px}.section-heading>a{font-size:9px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-card{height:125px}.youtube-section{flex-wrap:wrap;gap:12px;margin-inline:3px;padding:15px}.youtube-mark{width:46px;height:46px}.youtube-link{width:100%}.landing-footer{gap:8px;flex-wrap:wrap;padding-inline:4px;font-size:8px}}.isoftage-home a:focus-visible{outline:3px solid #ffda58;outline-offset:3px}@media(prefers-reduced-motion:reduce){.isoftage-home *,.isoftage-home *:before,.isoftage-home *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:390px){.site-brand span{display:none}.site-brand img{width:40px;height:40px}.site-nav>a{padding-inline:7px!important;font-size:10px}.hero-section{min-height:430px}.hero-eyebrow{font-size:8px}.hero-content{padding-top:48px}.section-heading{align-items:flex-start;gap:5px}.section-heading h2{max-width:60%;font-size:16px}.game-card{height:116px}.game-card-title{font-size:10px}.game-tags{gap:2px}.game-tags span{padding-inline:4px;font-size:7px}}:root{--primary-bg: #0b1a2a;--secondary-bg: #162a3d;--accent-cyan: #00d2ff;--accent-blue: #3a7bd5;--accent-gold: #f9e500;--text-main: #ffffff;--text-muted: #a0aec0;--bg-gradient: linear-gradient(135deg, #0b1a2a 0%, #162a3d 100%);--button-gradient: linear-gradient(90deg, #3a7bd5 0%, #00d2ff 100%);--gold-gradient: linear-gradient(180deg, #f9e500 0%, #d4af37 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0b1a2a,#1a3a52,#0f2744);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}.premium-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.glass-box{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 8px 32px #0000005e,0 2px 8px #00d2ff33,inset 0 1px #ffffff1a;padding:3rem;width:100%;max-width:480px;text-align:center;position:relative;overflow:hidden;animation:floatAnimation 6s ease-in-out infinite}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.6;animation:shimmerLine 3s ease-in-out infinite}@keyframes shimmerLine{0%,to{opacity:.3}50%{opacity:.8}}.glass-box:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,210,255,.1) 90deg,transparent 180deg,rgba(249,229,0,.1) 270deg,transparent 360deg);animation:rotate 20s linear infinite;z-index:-1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-field{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;color:#fff;font-size:1rem;margin-bottom:1.5rem;transition:var(--transition-smooth);outline:none}.input-field:focus{border-color:var(--accent-cyan);background:#ffffff1a;box-shadow:0 0 0 3px #00d2ff1a}.input-field::placeholder{color:var(--text-muted)}.btn-primary{width:100%;background:var(--button-gradient);border:none;border-radius:12px;padding:1rem 1.5rem;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;box-shadow:0 4px 12px #0003}.btn-gold{background:var(--gold-gradient);color:#3e2723}.hidden{display:none}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes swim{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(10px) translateY(-5px) rotate(2deg)}50%{transform:translate(20px) translateY(0) rotate(0)}75%{transform:translate(10px) translateY(5px) rotate(-2deg)}}.particle{position:fixed;pointer-events:none;opacity:.6;animation:floatUp 8s linear infinite}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00d2ff80}.btn-primary:active{transform:translateY(0) scale(.98)}.input-field:focus{box-shadow:0 0 0 3px #00d2ff33,0 0 20px #00d2ff1a}.loading-content{animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.glass-box{animation:floatAnimationMobile 4s ease-in-out infinite}}@keyframes floatAnimationMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}