*{box-sizing:border-box;margin:0;padding:0}:root{--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--text-primary:#202124;--text-secondary:#5f6368;--bg-primary:#fff;--bg-secondary:#f8f9fa;--border-color:#dadce0}body{background-color:#3a3a3a;background-image:radial-gradient(circle at 25px 25px,#4a4a4a 2px,#0000 0),radial-gradient(circle at 75px 75px,#4a4a4a 2px,#0000 0);background-size:100px 100px;color:#202124;color:var(--text-primary);font-family:Google Sans,Noto Sans KR,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:900px;padding:40px 20px}.google-colors{display:flex;gap:8px;justify-content:center;margin-bottom:15px}.google-colors span{border-radius:50%;height:12px;width:12px}.google-colors .blue{background:var(--google-blue)}.google-colors .red{background:var(--google-red)}.google-colors .yellow{background:var(--google-yellow)}.google-colors .green{background:var(--google-green)}.profile-header{background:var(--bg-primary);border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:50px;padding:50px 30px;text-align:center}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--google-red),var(--google-yellow));border-radius:50%;box-shadow:0 4px 15px #ea43354d;display:flex;height:120px;justify-content:center;margin:0 auto 20px;transition:transform .3s ease,box-shadow .3s ease;width:120px}.logo-icon:hover{box-shadow:0 6px 20px #ea433566;transform:scale(1.05)}.logo-icon i{color:#fff;font-size:3rem}.site-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--google-blue),var(--google-red),var(--google-yellow),var(--google-green));-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:10px}.typing-text{color:var(--text-secondary);font-size:1.2rem;margin-bottom:20px;min-height:30px}.typing-text span{animation:blink .7s infinite;border-right:2px solid var(--google-red);padding-right:5px}@keyframes blink{0%,to{border-color:var(--google-red)}50%{border-color:#0000}}.subtitle{color:var(--text-secondary);font-size:1rem}.section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:30px}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin-bottom:20px}.section-title i{color:var(--google-blue);font-size:1.1rem}.section-title.red i{color:var(--google-red)}.section-title.yellow i{color:var(--google-yellow)}.section-title.green i{color:var(--google-green)}.about-text{color:var(--text-secondary);font-size:1rem;line-height:1.8}.demo-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.demo-card{border:1px solid var(--border-color);border-radius:12px;color:inherit;cursor:pointer;display:block;padding:24px;text-decoration:none;transition:all .3s ease}.demo-card:hover{border-color:var(--google-blue);box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.demo-card-header{align-items:center;display:flex;gap:14px;margin-bottom:12px}.demo-card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.demo-card-icon.blue{background:var(--google-blue)}.demo-card-icon.red{background:var(--google-red)}.demo-card-icon.yellow{background:var(--google-yellow);color:var(--text-primary)}.demo-card-icon.green{background:var(--google-green)}.demo-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:600}.demo-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:14px}.demo-card-tags{display:flex;flex-wrap:wrap;gap:6px}.demo-tag{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:3px 10px}.demo-card-link{align-items:center;color:var(--google-blue);display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:14px}.demo-card-status{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:500;margin-top:14px;padding:2px 10px}.demo-card-status.live{background:#e6f4ea;color:var(--google-green)}.demo-card-status.coming-soon{background:#fef7e0;color:#e37400}footer{color:#999;font-size:.9rem;padding:30px 20px;text-align:center}@media (max-width:600px){.site-name{font-size:1.6rem}.logo-icon{height:90px;width:90px}.logo-icon i{font-size:2.2rem}.section{padding:20px}.profile-header{padding:30px 20px}.demo-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.409e7b0a.css.map*/