body.home{flex-direction:column;align-items:center;overflow:hidden;padding:0;min-height:100vh}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.container{text-align:center;padding:60px 40px;border-radius:12px;max-width:600px;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;width:100%}.logo{animation:logoIn .8s ease-out .1s both;width:160px;height:160px;margin:0 auto 35px;position:relative;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.logo img{width:100%;height:100%;object-fit:cover}@keyframes logoIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.title,.subtitle,.decoration{display:flex;justify-content:center;line-height:1;font-weight:200;animation:fadeUp .5s ease-out both}.title{animation-delay:.3s;font-size:56px;margin-bottom:35px;color:#fffef8dd;text-shadow:0 2px 8px rgba(0,0,0,.3);font-family:var(--font-kai);gap:16px}.subtitle{animation-delay:.5s;font-size:20px;color:var(--ink-2);font-family:var(--font-kai);gap:10px}.decoration{animation-delay:.7s;margin-top:45px;font-size:12px;color:var(--ink-3);text-transform:uppercase;gap:8px}.logo,.title,.subtitle,.decoration{transition:box-shadow .4s,filter .4s,text-shadow .4s,color .4s}.logo:hover{filter:drop-shadow(0 0 6px rgba(210,175,130,.9)) drop-shadow(0 0 16px rgba(176,144,110,.8)) drop-shadow(0 0 30px rgba(139,115,85,.6)) brightness(1.12)}.title:hover{text-shadow:0 0 10px rgba(210,175,130,.95),0 0 24px rgba(139,115,85,.8),0 0 46px rgba(139,115,85,.5),0 2px 8px rgba(0,0,0,.3);color:#fffef8}.subtitle:hover{text-shadow:0 0 9px rgba(210,175,130,.9),0 0 20px rgba(139,115,85,.7),0 0 38px rgba(139,115,85,.45);color:#fffef8ee}.decoration:hover{text-shadow:0 0 8px rgba(210,175,130,.85),0 0 18px rgba(139,115,85,.65);color:#fffef8dd}.tools-nav{display:flex;gap:34px;margin-top:52px;animation:fadeUp .5s ease-out .85s both}.tbtn{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--ink-3);font-size:12px;letter-spacing:2px;transition:color .3s;cursor:pointer}.tbtn:hover{color:#fffef8e6}.tbtn .ic{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--hair-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000002e;transition:all .35s ease}.tbtn:hover .ic,.tbtn:focus-within .ic{transform:translateY(-5px);background:#8b735538;border-color:#fffef852;box-shadow:0 8px 24px #8b735559}.tbtn svg{width:24px;height:24px;stroke:var(--ink-2);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pouch{position:relative;display:flex;flex-direction:column;align-items:center;outline:none}.pouch-btn svg{width:42px;height:42px}.pouch-menu{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%) translateY(10px);display:flex;flex-direction:row;align-items:flex-start;gap:26px;padding:18px 22px;border-radius:16px;background:#0a1929ad;border:1px solid var(--hair-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 32px #0000004d;opacity:0;visibility:hidden;pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1)}.pouch-menu:before{content:"";position:absolute;top:100%;left:0;right:0;height:18px}.pouch:hover .pouch-menu,.pouch:focus .pouch-menu,.pouch:focus-within .pouch-menu,.pouch.open .pouch-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.pouch-menu .tbtn svg{width:32px;height:32px}.pouch-menu .tbtn{font-size:12px;letter-spacing:1px;white-space:nowrap}@media(max-width:480px){.tools-nav{gap:22px}.tbtn .ic{width:50px;height:50px}.pouch-btn svg{width:36px;height:36px}.pouch-menu{gap:14px;padding:14px 12px}.pouch-menu .tbtn svg{width:28px;height:28px}}@media(max-width:768px){.container{padding:40px 20px;margin:20px}.title{font-size:48px;gap:8px}.subtitle{font-size:18px;gap:4px}}@media(max-width:480px){.title{font-size:36px;gap:6px}.subtitle{font-size:16px;gap:3px}}