@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--blue-deep: #1A3A5C;--blue-mid: #2563A8;--blue-calm: #4A90C4;--blue-soft: #D6E8F7;--blue-pastel: #EAF4FC;--green-deep: #1A5C3A;--green-mid: #2E8B57;--green-calm: #52B788;--green-soft: #C8EAD8;--green-pastel:#ECF8F2;--yellow: #F5C842;--yellow-soft: #FFF9DC;--gold: #D4A017;--gold-bright: #F0C040;--gold-pastel: #FFF8E1;--orange: #E8793A;--orange-soft: #FDEBD0;--purple: #7C5CBF;--purple-soft: #EDE8F7;--white: #FFFFFF;--surface: #F4F8FB;--surface2: #E8F0F7;--border: rgba(37,99,168,.12);--text-dark: #0F2740;--text-mid: #3A5A7A;--text-soft: #6A8BAA;--text-main: #F5E6C8;--shadow: rgba(37,99,168,.09);--c-hindu: #E8793A;--c-islam: #2E8B57;--c-christ: #4A90C4;--c-buddhism: #D4A017;--c-jainism: #7C5CBF;--c-atheist: #2563A8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--surface);color:var(--text-dark);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 10% 0%,rgba(37,99,168,.07) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 90% 100%,rgba(82,183,136,.05) 0%,transparent 60%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--blue-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--blue-calm)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.close-x:hover{color:#ff4d4d;transform:scale(1.1)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--surface, #1A1208);color:var(--text-main, #F5E6C8);min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 26px #8b5cf673;border-color:#8b5cf6b3}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 26px #8b5cf673;border-color:#8b5cf6b3}button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf659;border-color:#8b5cf699}button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 14px #8b5cf640}button:disabled{opacity:.5;cursor:not-allowed}.interactive-card{position:relative;border-radius:16px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;border:1px solid rgba(139,92,246,.25);background:#ffffff08;overflow:hidden}.modal-close{color:#ff5050cc;font-size:22px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.modal-close:hover{color:#ff4d4d;transform:scale(1.15)}.interactive-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#8b5cf666,#8b5cf61a,#8b5cf666);background-size:200% 200%;animation:borderFlow 6s ease infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.interactive-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #8b5cf640}.interactive-card:hover:before{opacity:1}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.gallery-card:hover img{transform:scale(1.05)}.gallery-card:hover div{opacity:1}@media(max-width:600px){.login-modal{padding:24px!important;max-height:90vh!important;width:95%!important}}