@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Crimson+Pro:wght@400;500;600&family=Playfair+Display:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@400;600;800&display=swap";@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root{font-family:Crimson Pro,Noto Sans KR,Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-primary: #f5f1e8;--text-muted: rgba(245, 241, 232, .6);--text-strong: #0a0e27;--accent: #d4af37;--accent-secondary: #8b7355;--gradient-start: #d4af37;--gradient-end: #f4e4b7;--background-main: radial-gradient(ellipse at top, #1a1333 0%, #0a0e27 50%, #050614 100%);--page-background: rgba(10, 14, 39, .75);--panel-background: rgba(15, 18, 45, .6);--panel-border: rgba(212, 175, 55, .2);--panel-shadow: 0 20px 60px rgba(0, 0, 0, .5), 0 0 80px rgba(212, 175, 55, .1);--title-gradient: linear-gradient(135deg, #f4e4b7 0%, #d4af37 50%, #c9a961 100%);--button-primary-bg: linear-gradient(135deg, #d4af37, #c9a961);--button-primary-border: rgba(244, 228, 183, .3);--button-primary-text: #0a0e27;--button-secondary-bg: rgba(212, 175, 55, .1);--button-secondary-border: rgba(212, 175, 55, .3);--button-secondary-text: #f5f1e8;--button-shadow: 0 10px 30px rgba(212, 175, 55, .3)}body{margin:0;min-height:100vh;background:var(--background-main);color:var(--text-primary);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.08),transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,115,85,.06),transparent 40%),radial-gradient(circle at 50% 70%,rgba(26,19,51,.4),transparent 60%);z-index:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 60% 15%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80% 60%,rgba(212,175,55,.3),transparent),radial-gradient(2px 2px at 90% 40%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 10% 80%,rgba(212,175,55,.35),transparent);background-size:200% 200%;background-position:0% 0%;animation:twinkle 4s ease-in-out infinite;z-index:0}body.design-prototype{--text-primary: #f5f1e8;--text-muted: rgba(245, 241, 232, .65);--accent: #c9a961;--accent-secondary: #8b7355;--gradient-start: #c9a961;--gradient-end: #f4e4b7;--background-main: radial-gradient(ellipse at bottom, #1a1333 0%, #0a0e27 50%, #050614 100%);--page-background: rgba(10, 14, 39, .8);--panel-background: rgba(15, 18, 45, .7);--panel-border: rgba(201, 169, 97, .25);--panel-shadow: 0 25px 70px rgba(0, 0, 0, .6), 0 0 100px rgba(201, 169, 97, .12);--title-gradient: linear-gradient(135deg, #f4e4b7 0%, #c9a961 50%, #8b7355 100%);--button-primary-bg: linear-gradient(135deg, #c9a961, #8b7355);--button-secondary-bg: rgba(201, 169, 97, .12);--button-secondary-border: rgba(201, 169, 97, .35);--button-shadow: 0 12px 35px rgba(201, 169, 97, .35)}body.design-prototype:before{background:radial-gradient(circle at 15% 25%,rgba(201,169,97,.1),transparent 55%),radial-gradient(circle at 85% 30%,rgba(139,115,85,.08),transparent 45%),radial-gradient(circle at 50% 80%,rgba(26,19,51,.5),transparent 65%)}#root{min-height:100vh}a{color:inherit}button{font-family:inherit;border:none;background:none}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.app-root{min-height:100vh;padding:clamp(16px,5vw,48px);background:var(--background-main);position:relative;z-index:1}.app-shell{position:relative;margin:0 auto;max-width:1200px;border-radius:24px;padding:clamp(32px,5vw,64px);background:var(--page-background);border:2px solid var(--panel-border);box-shadow:var(--panel-shadow);overflow:hidden;isolation:isolate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,175,55,.05),transparent 60%);opacity:.6;z-index:-2}.app-shell:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5) 50%,transparent);pointer-events:none;z-index:-1}.app-root.prototype .app-shell{background:#0a0e27d9;border:2px solid rgba(201,169,97,.3)}.app-header{display:flex;justify-content:center;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(212,175,55,.15);margin-bottom:32px}.app-brand{cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;text-align:center}.app-brand:hover{transform:translateY(-3px)}.app-brand h1{margin:0;font-size:clamp(2.25rem,5vw,3.5rem);font-family:Playfair Display,Georgia,serif;font-weight:700;letter-spacing:.05em;background:var(--title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(212,175,55,.3);position:relative}.app-brand p{margin:8px 0 0;letter-spacing:.4em;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-family:Crimson Pro,serif;font-weight:500}.app-content{margin-top:clamp(24px,4vw,48px)}@media (max-width: 640px){.app-header{padding-bottom:20px}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes glow-pulse{0%,to{opacity:.5;filter:blur(40px)}50%{opacity:1;filter:blur(60px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine{0%{left:-100%}to{left:200%}}@keyframes entrance{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.home-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1a0b2e,#2d1b4e,#1a0b2e)}.home-background{position:absolute;inset:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:glow-pulse 6s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.4),transparent);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.3),transparent);bottom:-10%;right:-5%;animation-delay:2s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.3),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:48px;padding:40px 20px;max-width:1400px;width:100%;animation:entrance 1s ease-out}.title-section{text-align:center;animation:entrance 1.2s ease-out .2s both}.main-title{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,12vw,9rem);line-height:.9;letter-spacing:.05em;background:linear-gradient(135deg,#ff0080,#ff8c00,gold 30%,#00ff87,#00d4ff 70%,#a855f7,#ff0080);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-shift 8s ease infinite;filter:drop-shadow(0 0 30px rgba(168,85,247,.8)) drop-shadow(0 0 60px rgba(236,72,153,.6));display:flex;flex-direction:column;gap:0}.title-line{display:block}.subtitle{margin:16px 0 0;font-family:Outfit,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);font-weight:600;letter-spacing:.6em;text-transform:uppercase;background:linear-gradient(90deg,#a855f7,#ec4899,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.card-showcase{position:relative;animation:entrance 1.4s ease-out .4s both}.card-container{position:relative;width:clamp(280px,50vw,420px);aspect-ratio:2/3;animation:float 6s ease-in-out infinite}.tarot-card{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 0 0 4px #ffffff1a,0 0 60px #a855f799,0 0 120px #ec489966,0 30px 80px #0009;position:relative;z-index:2;filter:brightness(1.05) contrast(1.1)}.card-glow{position:absolute;inset:-40px;background:conic-gradient(from 0deg,#ff0080,#ff8c00,gold,#00ff87,#00d4ff,#a855f7,#ff0080);border-radius:30px;filter:blur(40px);opacity:.6;z-index:1;animation:rotate-slow 10s linear infinite}.action-buttons{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;animation:entrance 1.6s ease-out .6s both}.cta-button{position:relative;padding:20px 48px;font-family:Outfit,sans-serif;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 40px #0006}.cta-button:hover{transform:translateY(-4px) scale(1.02)}.cta-button:active{transform:translateY(-2px) scale(.98)}.cta-button.primary{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:0 0 30px #a855f799,0 10px 40px #0006}.cta-button.primary:hover{box-shadow:0 0 50px #a855f7cc,0 15px 50px #00000080}.cta-button.secondary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;box-shadow:0 0 30px #06b6d480,0 10px 40px #0006}.cta-button.secondary:hover{box-shadow:0 0 50px #06b6d4b3,0 15px 50px #00000080}.button-text{position:relative;z-index:2}.button-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s ease-in-out infinite}@media (max-width: 1024px){.home-content{gap:36px}.card-container{width:clamp(240px,60vw,360px)}}@media (max-width: 640px){.home-content{gap:32px;padding:32px 16px}.main-title{font-size:clamp(3rem,15vw,6rem)}.card-container{width:clamp(200px,70vw,300px)}.action-buttons{flex-direction:column;width:100%;max-width:300px}.cta-button{width:100%;padding:18px 36px}}