*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow:hidden}#app{display:none}.landing-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000}.landing-content{text-align:center;padding:20px;max-width:500px}.logo{width:280px;max-width:90%;margin:0 auto 40px;animation:fadeInDown 2s ease-out}.logo img{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));border-radius:10px}.tagline{color:#fff;font-size:18px;margin-bottom:30px;opacity:.9;animation:fadeInUp 2s ease-out .6s backwards}#start-ar-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 50px;font-size:20px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 8px 25px #667eea66;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;animation:fadeInUp 2s ease-out .3s backwards}#start-ar-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea99}#start-ar-button:active{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html,body{margin:0;padding:0;width:100%;height:100%}#app{width:100%;height:100%;display:block}