body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fdf5e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:linear-gradient(135deg,#121212,#1a1a1a);padding:5rem 2rem 3rem;text-align:center}.main-title{-webkit-text-fill-color:#0000;animation:titleFadeIn 1.2s ease-out;background:linear-gradient(135deg,#fdf5e6,#d4c4a8);background-clip:text;-webkit-background-clip:text;font-size:clamp(3rem,8vw,6rem);font-weight:300;letter-spacing:-.02em;margin-bottom:1rem}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:4rem 2rem 6rem;width:100%}.loading{font-size:1.5rem;opacity:.7;padding:4rem;text-align:center}.websites-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.App-footer{font-size:.85rem;font-weight:300;opacity:.4;padding:2rem;position:relative;text-align:left}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.App-header{padding:4rem 1rem 2rem}.main-content{padding:3rem 1rem 4rem}.websites-grid{gap:2rem;grid-template-columns:1fr}.App-footer{padding:2rem 1rem}}.website-card{animation:cardSlideIn .6s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1a1a,#232323);border:1px solid #fdf5e614;border-radius:16px;cursor:pointer;opacity:0;overflow:hidden;padding:2.5rem;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.website-card:before{background:linear-gradient(135deg,#fdf5e60d,#d4c4a81a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.website-card:hover:before{opacity:1}.website-card:hover{border-color:#fdf5e633;box-shadow:0 25px 50px #0006,0 0 0 1px #fdf5e626;transform:translateY(-10px)}.card-content{position:relative;z-index:2}.card-title{color:#fdf5e6;font-size:1.9rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}.card-url{font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-bottom:1rem}.card-description,.card-url{color:#d4c4a8;font-size:1rem;opacity:.9}.card-description{line-height:1.5}.card-hover-overlay{opacity:0;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:3}.website-card:hover .card-hover-overlay{opacity:1;transform:translateY(-50%) translateX(-10px)}.visit-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdf5e61a;border-radius:6px;color:#d4c4a8;font-size:1.1rem;font-weight:500;padding:.5rem 1rem}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.website-card:active{transform:translateY(-4px)}@media (max-width:768px){.website-card{padding:1.5rem}.card-title{font-size:1.6rem}.card-hover-overlay{margin-top:1rem;opacity:1;position:static;text-align:center;transform:none}.website-card:hover .card-hover-overlay{transform:none}.visit-text{display:inline-block;font-size:1rem}}
/*# sourceMappingURL=main.e01765d4.css.map*/