@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600;700&family=Noto+Sans+JP:wght@300;400;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--text-primary:#f0f0f5;--text-secondary:#b0b0c0;--accent-1:#7c3aed;--accent-2:#06b6d4;--accent-3:#f43f5e;--accent-4:#10b981;--glow-intensity:0 0 30px}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;height:100%}body{font-family:Inter,Noto Sans JP,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.min-h-screen,body{width:100%;min-height:100vh;position:relative}.min-h-screen{overflow:hidden}.loading-screen{position:fixed;inset:0;z-index:9999;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-logo{font-family:Orbitron,monospace;font-size:5rem;font-weight:900;background:linear-gradient(45deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;animation:pulse 1s ease infinite}.bg-gradient-radial{background:#000814;min-height:100vh;width:100%}.aurora-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.aurora{position:absolute;width:300%;height:100%;opacity:.15;filter:blur(100px);animation:aurora-wave 20s ease-in-out infinite}.aurora-1{background:linear-gradient(135deg,#667eea,#764ba2);top:-50%;left:-100%;animation-delay:0s}.aurora-2{background:linear-gradient(135deg,#f093fb,#f5576c);top:-30%;right:-100%;animation-delay:5s}.aurora-3{background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:-40%;left:-80%;animation-delay:10s}.aurora-4{background:linear-gradient(135deg,#fa709a,#fee140);bottom:-30%;right:-100%;animation-delay:15s}.starfield{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;box-shadow:0 0 6px rgba(255,255,255,.8);animation:twinkle-star 3s ease-in-out infinite}.ripple-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;opacity:.05;pointer-events:none}.ripple{position:absolute;border:2px solid rgba(255,255,255,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:ripple-expand 10s linear infinite}.ripple-1{width:300px;height:300px;animation-delay:0s}.ripple-2{width:500px;height:500px;animation-delay:3.3s}.ripple-3{width:700px;height:700px;animation-delay:6.6s}.geometric-lines{position:absolute;inset:0;overflow:hidden;opacity:.1}.line{position:absolute;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),transparent);height:1px;width:200%;animation:slide-line 20s linear infinite}.line-1{top:20%;left:-100%;transform:rotate(45deg);animation-delay:0s}.line-2{top:40%;left:-100%;transform:rotate(-45deg);animation-delay:5s}.line-3{top:60%;left:-100%;transform:rotate(30deg);animation-delay:10s}.line-4{top:80%;left:-100%;transform:rotate(-30deg);animation-delay:15s}.holographic-effect{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(124,58,237,.03) 0,rgba(124,58,237,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(6,182,212,.03) 0,rgba(6,182,212,.03) 4px);animation:holographic-shift 10s linear infinite}.particle-field{position:absolute;inset:0;pointer-events:none}.particle-3d{position:absolute;background:white;border-radius:50%;opacity:.5;transition:transform .3s ease}.grid-overlay{display:none}.grid-overlay-new{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 0);background-size:100px 100px;animation:grid-shift 30s linear infinite;pointer-events:none}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.container-fluid{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-content{z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:4rem 2rem;min-height:100vh}.logo-container-large{position:relative;width:500px;height:500px;margin:0 auto}.logo-container{display:none}.triangle-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.triangle-logo{width:500px;height:500px;animation:float-rotate 25s ease-in-out infinite}.triangle-middle,.triangle-outer{animation:triangle-pulse 3s ease-in-out infinite}.triangle-middle{animation-delay:.5s}.triangle-inner{animation:triangle-pulse 3s ease-in-out infinite;animation-delay:1s}.triangle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.5rem;z-index:10}.triangle-letter{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;color:white;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(124,58,237,.6),0 0 30px rgba(6,182,212,.4);animation:float-letter 3s ease-in-out infinite}.triangle-glow{position:absolute;inset:-50px;background:radial-gradient(circle,rgba(124,58,237,.3) 0,transparent 70%);filter:blur(40px);animation:pulse 4s ease-in-out infinite}.triangle-text-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:1rem;z-index:10}.triangle-letter-large{font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;color:white;text-shadow:0 0 20px rgba(255,255,255,.9),0 0 40px rgba(124,58,237,.7),0 0 60px rgba(6,182,212,.5),0 0 80px rgba(244,63,94,.3);animation:float-letter 3s ease-in-out infinite;letter-spacing:.1em}.triangle-glow-large{position:absolute;inset:-100px;background:radial-gradient(circle,rgba(124,58,237,.4) 0,transparent 70%);filter:blur(60px);animation:pulse 4s ease-in-out infinite}.subtitle{font-size:2rem;font-weight:300;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;line-height:1.4;max-width:90vw;white-space:normal;word-wrap:break-word}.subtitle,.tagline{margin-left:auto;margin-right:auto;text-align:center}.tagline{font-size:1.125rem;color:var(--text-secondary);font-weight:400;line-height:1.6;max-width:80vw}.cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-button{position:relative;padding:1.25rem 3rem;font-size:1.125rem;font-weight:600;border-radius:100px;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-block}.primary-cta{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:white;box-shadow:0 10px 30px rgba(124,58,237,.3)}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(124,58,237,.4)}.secondary-cta{background:transparent;color:var(--text-primary);border:2px solid rgba(255,255,255,.1)}.secondary-cta:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}.cta-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border-radius:100px;opacity:0;filter:blur(15px);transition:opacity .3s ease;z-index:-1}.primary-cta:hover .cta-glow{opacity:.8}.or-divider{color:var(--text-secondary);font-size:.875rem;position:relative}.signin-container{background:rgba(26,26,37,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;min-width:400px;animation:scale-in .3s ease}.back-button{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;transition:color .3s ease}.back-button:hover{color:var(--text-primary)}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.9}}@keyframes slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{opacity:1;animation:slide-up .8s ease forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-letter{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slide-line{0%{transform:translateX(0) rotate(var(--rotation))}to{transform:translateX(100%) rotate(var(--rotation))}}@keyframes holographic-shift{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes float-rotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-5deg) scale(.95)}75%{transform:rotate(3deg) scale(1.02)}}@keyframes triangle-pulse{0%,to{opacity:.8;stroke-width:3;filter:drop-shadow(0 0 20px currentColor)}50%{opacity:1;stroke-width:4;filter:drop-shadow(0 0 40px currentColor)}}@keyframes aurora-wave{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(100px,-50px) rotate(45deg) scale(1.2)}50%{transform:translate(-50px,100px) rotate(90deg) scale(.8)}75%{transform:translate(50px,50px) rotate(-45deg) scale(1.1)}}@keyframes ripple-expand{0%{width:0;height:0;opacity:.3}to{width:1000px;height:1000px;opacity:0}}@keyframes twinkle-star{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes grid-shift{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@media (max-width:1024px){.subtitle{font-size:1.5rem}.tagline{font-size:1rem}}@media (max-width:768px){.logo-container,.triangle-logo{width:200px;height:200px}.triangle-letter{font-size:1.5rem}.subtitle{font-size:1.25rem;padding:0 1rem}.tagline{font-size:.875rem;padding:0 1rem}.signin-container{min-width:320px;padding:1.5rem}.logo-container-large,.triangle-logo{width:350px;height:350px}.triangle-letter-large{font-size:2.5rem}}@media (max-width:480px){.subtitle{font-size:1.1rem}.tagline{font-size:.8rem}.logo-container-large,.triangle-logo{width:280px;height:280px}.triangle-letter-large{font-size:2rem}}::-webkit-scrollbar{width:10px;background:var(--bg-primary)}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-1),var(--accent-2));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-2),var(--accent-3))}.signin-box{width:100%}.signin-card{background:transparent!important;box-shadow:none!important;border:none!important}.cl-internal-8lqfs5{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem}.cl-internal-17v0v9n{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-primary)!important;font-size:1rem;padding:.875rem;border-radius:8px;transition:all .3s ease}.cl-internal-17v0v9n:focus{border-color:var(--accent-1)!important;box-shadow:0 0 20px rgba(124,58,237,.2)!important}.cl-internal-1dauvpw{color:var(--text-secondary)!important;font-size:.875rem;font-weight:500}.cl-internal-1fsy24f{background:linear-gradient(135deg,var(--accent-1),var(--accent-2))!important;border:none!important;padding:.875rem 2rem!important;font-weight:600!important;border-radius:8px!important;transition:all .3s ease!important;box-shadow:0 10px 30px rgba(124,58,237,.3)!important}.cl-internal-1fsy24f:hover{transform:translateY(-2px)!important;box-shadow:0 15px 40px rgba(124,58,237,.4)!important}.cl-internal-otadd7{color:var(--accent-1)!important;transition:color .3s ease!important}.cl-internal-otadd7:hover{color:var(--accent-2)!important}.logo-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.logo{width:200px;height:200px;animation:float 6s ease-in-out infinite,sparkle-rotate 10s linear infinite;filter:drop-shadow(0 0 30px rgba(232,121,249,.5))}@keyframes sparkle-rotate{0%{transform:rotateY(0deg) rotate(0deg)}50%{transform:rotateY(180deg) rotate(5deg)}to{transform:rotateY(1turn) rotate(0deg)}}.diamond-glow-outer{filter:blur(20px);animation:diamond-pulse 3s ease-in-out infinite}@keyframes diamond-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}.diamond-main{filter:drop-shadow(0 0 10px currentColor);animation:diamond-shine 4s ease-in-out infinite}@keyframes diamond-shine{0%,to{filter:drop-shadow(0 0 10px currentColor) brightness(1)}50%{filter:drop-shadow(0 0 20px currentColor) brightness(1.5)}}.diamond-facet-1,.diamond-facet-2,.diamond-facet-3{animation:facet-flicker 2s ease-in-out infinite}.diamond-facet-1{animation-delay:0s}.diamond-facet-2{animation-delay:.7s}.diamond-facet-3{animation-delay:1.4s}@keyframes facet-flicker{0%,to{opacity:.2}50%{opacity:.5}}.logo-glow{position:absolute;inset:-50%;background:radial-gradient(circle,rgba(232,121,249,.4) 0,transparent 70%);filter:blur(40px);animation:glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.organic-landing{min-height:100vh;width:100%;position:relative;overflow:hidden;background:#000814}.cosmic-organic-bg{position:fixed;inset:0;background:radial-gradient(ellipse at center,#001a33 0,#000814 50%,#000000 100%)}.organic-layer{position:fixed;inset:0;pointer-events:none;opacity:.4}.organic-svg{width:100%;height:100%}.organic-shape{animation:organic-morph 20s ease-in-out infinite}@keyframes organic-morph{0%,to{opacity:.3}50%{opacity:.6}}.neural-network{position:fixed;inset:0;pointer-events:none;opacity:.6}.neural-svg{width:100%;height:100%}.neuron{filter:drop-shadow(0 0 4px currentColor)}.synapse{stroke-dasharray:2,3;animation:synapse-flow 5s linear infinite}@keyframes synapse-flow{to{stroke-dashoffset:-5}}.quantum-field{position:fixed;inset:0;pointer-events:none}.quantum-particle{position:absolute;width:4px;height:4px;background:var(--glow-color);border-radius:50%;filter:blur(1px);animation:quantum-flicker 2s ease-in-out infinite;box-shadow:0 0 10px var(--glow-color)}@keyframes quantum-flicker{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.nebula-container{position:fixed;inset:0;pointer-events:none}.nebula{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);animation:nebula-drift 30s ease-in-out infinite}.nebula-1{background:radial-gradient(circle,rgba(0,255,136,.2) 0,transparent 70%);top:-300px;left:-300px}.nebula-2{background:radial-gradient(circle,rgba(255,0,136,.2) 0,transparent 70%);bottom:-300px;right:-300px;animation-delay:-10s}.nebula-3{background:radial-gradient(circle,rgba(0,136,255,.2) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-20s}@keyframes nebula-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.data-streams{position:fixed;inset:0;pointer-events:none;overflow:hidden}.data-stream{position:absolute;width:2px;height:100%;background:linear-gradient(180deg,transparent 0,rgba(0,255,200,.8) 10%,rgba(0,255,200,.8) 30%,transparent 40%);animation:data-flow linear infinite;opacity:.6}@keyframes data-flow{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.organic-hero-section{z-index:10;min-height:100vh}.organic-hero-section,.organic-logo-container{position:relative;display:flex;align-items:center;justify-content:center}.organic-logo-container{margin-bottom:3rem}.organic-logo{width:200px;height:200px;animation:bio-pulse 4s ease-in-out infinite}.bio-triangle{animation:bio-morph 8s ease-in-out infinite}@keyframes bio-morph{0%,to{stroke-width:3}50%{stroke-width:5}}.bio-glow{position:absolute;inset:-50%;background:radial-gradient(circle,rgba(0,255,136,.3) 0,transparent 70%);filter:blur(40px);animation:bio-glow-pulse 3s ease-in-out infinite}@keyframes bio-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.bio-title{font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;text-align:center;background:linear-gradient(45deg,#00ff88,#00ffff,#ff00ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;animation:bio-text-glow 3s ease-in-out infinite}.bio-subtitle{font-size:1.25rem;text-align:center;color:rgba(255,255,255,.8);margin-bottom:3rem;letter-spacing:.05em}@keyframes bio-text-glow{0%,to{filter:drop-shadow(0 0 20px rgba(0,255,136,.5))}50%{filter:drop-shadow(0 0 30px rgba(0,255,255,.8))}}.bio-cta-wrapper{display:flex;gap:2rem;flex-wrap:wrap}.bio-cta-button,.bio-cta-wrapper{align-items:center;justify-content:center}.bio-cta-button{position:relative;display:inline-flex;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:50px;overflow:hidden;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.bio-cta-button.primary{background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,255,255,.2));border:2px solid rgba(0,255,136,.6);color:#00ff88}.bio-cta-button.primary:hover{background:linear-gradient(135deg,rgba(0,255,136,.3),rgba(0,255,255,.3));border-color:#00ff88;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,255,136,.3)}.bio-cta-button.secondary{background:transparent;border:2px solid rgba(255,0,255,.6);color:#ff00ff}.bio-cta-button.secondary:hover{background:rgba(255,0,255,.1);border-color:#ff00ff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,0,255,.3)}.bio-cta-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,#00ff88,#00ffff,#ff00ff,#00ff88);border-radius:50px;opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.bio-cta-button:hover .bio-cta-glow{opacity:.5}.bio-divider{color:rgba(255,255,255,.5);font-size:1.5rem;font-family:Orbitron,monospace}.quantum-symbol{animation:quantum-rotate 5s linear infinite;display:inline-block}@keyframes quantum-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.bio-title{font-size:2.5rem}.bio-subtitle{font-size:1rem}.bio-cta-wrapper{flex-direction:column;gap:1rem}.bio-divider{display:none}}.gentle-organic-landing{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto;background:#0a0e1a}.gentle-cosmos-bg{position:fixed;inset:0;background:linear-gradient(180deg,#0a0e1a 0,#1a1f2e 50%,#0f1419);overflow:hidden}.organic-gradient-bg{background:radial-gradient(ellipse at top left,rgba(168,230,207,.1) 0,transparent 40%),radial-gradient(ellipse at bottom right,rgba(255,182,185,.1) 0,transparent 40%),radial-gradient(ellipse at center,rgba(181,234,215,.05) 0,transparent 50%)}.botanical-layer,.organic-gradient-bg{position:fixed;inset:0;pointer-events:none}.botanical-layer{opacity:.6}.botanical-svg{width:100%;height:100%}.bioluminescent-field{position:fixed;inset:0;pointer-events:none}.bio-light{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(168,230,207,.8) 0,transparent 70%);border-radius:50%;filter:blur(20px);animation:bio-pulse 4s ease-in-out infinite}@keyframes bio-pulse{0%,to{transform:scale(1);opacity:calc(.3 * var(--intensity))}50%{transform:scale(1.3);opacity:calc(.6 * var(--intensity))}}.spore-field{position:fixed;inset:0;pointer-events:none}.spore{position:absolute;width:calc(4px * var(--size));height:calc(4px * var(--size));background:radial-gradient(circle,rgba(255,255,255,.8) 0,rgba(255,255,255,0) 70%);border-radius:50%;opacity:var(--opacity);animation:spore-float linear infinite}@keyframes spore-float{0%{transform:translateY(100vh) translateX(0) rotate(0deg)}to{transform:translateY(-100px) translateX(30px) rotate(1turn)}}.soft-aurora-container{position:fixed;inset:0;pointer-events:none;opacity:.3}.soft-aurora{position:absolute;width:200%;height:200%;filter:blur(100px);animation:gentle-aurora 20s ease-in-out infinite}.soft-aurora.aurora-1{background:linear-gradient(45deg,rgba(168,230,207,.3),transparent 70%);top:-50%;left:-50%}.soft-aurora.aurora-2{background:linear-gradient(-45deg,rgba(255,182,185,.3),transparent 70%);bottom:-50%;right:-50%;animation-delay:-7s}.soft-aurora.aurora-3{background:linear-gradient(90deg,rgba(181,234,215,.3),transparent 70%);top:0;left:-50%;animation-delay:-14s}@keyframes gentle-aurora{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(10%,-10%) scale(1.1);opacity:.4}50%{transform:translate(-10%,10%) scale(.9);opacity:.3}75%{transform:translate(5%,5%) scale(1.05);opacity:.35}}.cosmic-dust-container{position:fixed;inset:0;pointer-events:none}.dust-particle{position:absolute;width:2px;height:2px;background:rgba(255,255,255,.6);border-radius:50%;animation:dust-drift linear infinite}@keyframes dust-drift{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translateX(50px);opacity:0}}.gentle-hero-section{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center}.tree-of-life-container{position:relative;width:600px;height:600px;margin:0 auto 80px}.tree-of-life{width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(143,211,193,.5))}.title-section{text-align:center;margin-bottom:3rem}.cta-section,.title-section{position:relative;z-index:10}.cta-section{margin-top:3rem}.gentle-glow{position:absolute;inset:-30%;background:radial-gradient(circle,rgba(168,230,207,.2) 0,transparent 60%);filter:blur(30px);animation:gentle-glow-pulse 4s ease-in-out infinite}@keyframes gentle-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.gentle-title{font-size:5rem;font-weight:300;letter-spacing:.2rem;color:#FFF8E7;background:linear-gradient(135deg,#FFF8E7,#F5E6D3 50%,#FAF0E6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,248,231,.3),0 0 60px rgba(255,248,231,.2),2px 2px 4px rgba(0,0,0,.1);margin-bottom:1.5rem;font-family:Georgia,Garamond,serif}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.gentle-title{background:none;color:#FFF8E7;text-shadow:0 0 30px rgba(255,248,231,.5),0 0 60px rgba(255,248,231,.3),2px 2px 4px rgba(0,0,0,.2)}}.gentle-subtitle{font-size:1.3rem;color:rgba(232,245,240,.8);margin-bottom:3rem;letter-spacing:.05em;line-height:1.8;max-width:90%;margin-left:auto;margin-right:auto;padding:0 1rem;white-space:normal;word-wrap:break-word;text-align:center}.gentle-cta-wrapper{display:flex;gap:2.5rem;flex-wrap:wrap}.gentle-cta-button,.gentle-cta-wrapper{align-items:center;justify-content:center}.gentle-cta-button{position:relative;display:inline-flex;padding:1rem 2.5rem;font-size:1rem;font-weight:400;text-decoration:none;border-radius:30px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gentle-cta-button.primary{background:rgba(168,230,207,.1);border:1px solid rgba(168,230,207,.3);color:#a8e6cf}.gentle-cta-button.primary:hover{background:rgba(168,230,207,.2);border-color:rgba(168,230,207,.5);transform:translateY(-2px);box-shadow:0 10px 30px rgba(168,230,207,.2)}.gentle-cta-button.secondary{background:rgba(255,182,185,.1);border:1px solid rgba(255,182,185,.3);color:#ffb6b9}.gentle-cta-button.secondary:hover{background:rgba(255,182,185,.2);border-color:rgba(255,182,185,.5);transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,182,185,.2)}.gentle-cta-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,rgba(168,230,207,.5),rgba(255,182,185,.5));border-radius:30px;opacity:0;filter:blur(15px);transition:opacity .4s ease;z-index:-1}.gentle-cta-button:hover .gentle-cta-glow{opacity:.3}.gentle-divider{color:rgba(255,255,255,.3);font-size:1.5rem}.life-symbol{animation:symbol-rotate 10s linear infinite;display:inline-block}@keyframes symbol-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.tree-of-life-container{width:450px;height:450px;margin-bottom:60px}.gentle-title{font-size:4rem}}@media (max-width:768px){.tree-of-life-container{width:350px;height:350px;margin-bottom:40px}.gentle-title{font-size:3rem}}@media (max-width:480px){.tree-of-life-container{width:280px;height:280px;margin-bottom:30px}.gentle-title{font-size:2.5rem}}.auth-container,.signup-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:10}.back-to-garden{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.6);text-decoration:none;transition:all .3s ease;font-size:.95rem}.back-to-garden:hover{color:#a8e6cf;transform:translateX(-5px)}.back-arrow{font-size:1.2rem}.auth-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(168,230,207,.2);padding:3rem;width:100%;max-width:450px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.auth-header{text-align:center;margin-bottom:2rem}.mini-tree-container{display:flex;justify-content:center;margin-bottom:1.5rem}.mini-tree{width:60px;height:60px;filter:drop-shadow(0 0 20px rgba(168,230,207,.4))}.auth-title{font-size:2rem;font-weight:300;color:#e8f5f0;margin-bottom:.5rem;letter-spacing:.05em}.auth-subtitle{font-size:1rem;color:rgba(232,245,240,.6);font-weight:300}.simple-botanical-layer{opacity:.4}.floating-leaves,.simple-botanical-layer{position:fixed;inset:0;pointer-events:none}.floating-leaf{position:absolute;font-size:1.5rem;animation:leaf-fall 15s linear infinite;opacity:.6}@keyframes leaf-fall{0%{transform:translateY(-100px) rotate(0deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100vh) rotate(1turn);opacity:0}}.gentle-lights{position:fixed;inset:0;pointer-events:none}.gentle-light{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);animation:gentle-float 20s ease-in-out infinite}.light-1{background:rgba(168,230,207,.2);top:-150px;right:-150px}.light-2{background:rgba(255,182,185,.2);bottom:-150px;left:-150px;animation-delay:-10s}@keyframes gentle-float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-30px,30px)}}.signup-section{padding-top:5rem;padding-bottom:5rem;min-height:100vh;overflow-y:auto}.signup-wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative;z-index:20}.signup-header{text-align:center;margin-bottom:3rem}.signup-title{font-size:3rem;font-weight:200;color:#e8f5f0;margin-bottom:1rem;letter-spacing:.1em}.signup-subtitle{font-size:1.2rem;color:rgba(232,245,240,.7);font-weight:300}.plan-icon{font-size:3rem;margin-bottom:1rem}.plan-name{font-size:1.5rem;color:#e8f5f0;margin-bottom:.5rem;font-weight:400}.plan-price{font-size:2rem;color:var(--plan-color);margin-bottom:.5rem;font-weight:300}.plan-sessions{color:rgba(232,245,240,.7);margin-bottom:1.5rem;font-size:.95rem}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{color:rgba(232,245,240,.8);margin-bottom:.5rem;font-size:.9rem}.plan-glow{position:absolute;inset:-50%;background:radial-gradient(circle,var(--plan-color) 0,transparent 70%);opacity:0;filter:blur(50px);transition:opacity .3s ease;pointer-events:none}.plan-card.selected .plan-glow,.plan-card:hover .plan-glow{opacity:.2}.petal-field{position:fixed;inset:0;pointer-events:none}.falling-petal{position:absolute;width:15px;height:20px;border-radius:0 100% 0 100%;animation:petal-fall linear infinite;opacity:.7}@keyframes petal-fall{0%{transform:translateY(-100px) rotate(0deg)}to{transform:translateY(100vh) rotate(2turn)}}.growing-plants{position:fixed;bottom:0;left:0;right:0;height:30%;pointer-events:none;opacity:.3}.plants-svg{width:100%;height:100%}.light-orbs{position:fixed;inset:0;pointer-events:none}.light-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:orb-float 15s ease-in-out infinite}.orb-1{width:200px;height:200px;background:rgba(168,230,207,.3);top:10%;left:10%}.orb-2{width:250px;height:250px;background:rgba(255,182,185,.3);bottom:20%;right:10%;animation-delay:-5s}.orb-3{width:180px;height:180px;background:rgba(181,234,215,.3);top:50%;left:50%;animation-delay:-10s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(10px,10px) scale(1.05)}}.clerk-container{width:100%;display:block;visibility:visible;min-height:400px}.clerk-root-box{width:100%}.clerk-card{background:transparent!important;box-shadow:none!important;border:none!important}.clerk-social-button{background:rgba(255,255,255,.05)!important;border:1px solid rgba(168,230,207,.3)!important;color:#e8f5f0!important;transition:all .3s ease!important}.clerk-social-button:hover{background:rgba(168,230,207,.1)!important;border-color:rgba(168,230,207,.5)!important;transform:translateY(-2px)!important}.clerk-primary-button{background:linear-gradient(135deg,rgba(168,230,207,.8),rgba(181,234,215,.8))!important;color:#0a0e1a!important;font-weight:500!important;transition:all .3s ease!important;border:none!important}.clerk-primary-button:hover{background:linear-gradient(135deg,#a8e6cf,#b5ead7)!important;transform:translateY(-2px)!important;box-shadow:0 10px 20px rgba(168,230,207,.3)!important}.clerk-input{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#e8f5f0!important;transition:all .3s ease!important}.clerk-input:focus{border-color:rgba(168,230,207,.5)!important;background:rgba(255,255,255,.08)!important;box-shadow:0 0 0 3px rgba(168,230,207,.1)!important}.clerk-label{color:rgba(232,245,240,.8)!important;font-weight:400!important}.clerk-footer-link{color:#a8e6cf!important;transition:all .3s ease!important}.clerk-footer-link:hover{color:#b5ead7!important}.clerk-divider-line{background:rgba(255,255,255,.1)!important}.clerk-divider-text{color:rgba(232,245,240,.6)!important}.auth-footer,.signup-footer{text-align:center;margin-top:2rem}.footer-text{color:rgba(232,245,240,.7);font-size:.95rem}.auth-link{color:#a8e6cf;text-decoration:none;transition:all .3s ease;font-weight:400}.auth-link:hover{color:#b5ead7;text-decoration:underline}.signup-form-container{margin-top:3rem;width:100%;display:block;visibility:visible;min-height:500px}.signup-clerk{width:100%}.plan-selection{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.plan-card{flex:1 1;min-width:250px;max-width:300px;padding:2rem;background:rgba(255,255,255,.05);border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.plan-card:hover{background:rgba(255,255,255,.08);transform:translateY(-4px)}.plan-card.selected{border-color:var(--plan-color);background:rgba(255,255,255,.1)}@media (max-width:768px){.hero-content{gap:1.5rem;padding:3rem 1.5rem}.gentle-subtitle,.title-section{margin-bottom:2rem}.gentle-subtitle{font-size:1.1rem}.cta-section{margin-top:2rem}.gentle-cta-wrapper{flex-direction:column;gap:1.5rem}.gentle-divider{display:none}}@media (max-width:480px){.hero-content{gap:1rem;padding:2rem 1rem}.gentle-subtitle{font-size:1rem;margin-bottom:1.5rem}}@media (max-width:768px){.auth-card,.signup-form-container{padding:2rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.signup-title{font-size:2rem}.back-to-garden{top:1rem;left:1rem}}