body{margin:0;font-family:system-ui;background:#0b0b0b;color:#fff}.hero-title{font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700;letter-spacing:1px}.hero-subtitle{font-size:22px;margin-top:8px;color:#ccc}.hero-desc{margin-top:18px;font-size:16px;line-height:1.6;color:#aaa}.code-background{position:fixed;top:0;left:0;width:100%;height:100%;padding:40px;font-family:monospace;font-size:15px;line-height:26px;color:#00ff7859;pointer-events:none;z-index:-1}#code{max-width:700px}.hero{text-align:center;padding:120px 20px}.hero h1{font-size:48px}.hero h2{color:#d1d5db}.hero p{color:#9ca3af}.main-btn{margin-top:50px;background:#03c75a;border:none;padding:14px 28px;border-radius:8px;text-decoration:none;font-size:16px;color:#fff;cursor:pointer}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:80px 40px;max-width:1100px;margin:auto}.card{display:flex;flex-direction:column;justify-content:space-between;background:#1c1c1c;padding:28px;border-radius:16px;min-height:260px}.card .card.disabled{opacity:.6}.card .card.disabled .icon-btn{pointer-events:auto;cursor:pointer}.card .disabled-icon{opacity:.4;cursor:not-allowed;background:#111;border:1px dashed #444}.card-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600}.card-icon{width:24px;height:24px;object-fit:contain}.icon-row{display:flex;gap:14px;margin-top:20px}.icon-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#222;color:#fff;font-size:20px}.disabled{opacity:.6}.disabled-btn{background:#444;color:#aaa;cursor:not-allowed}.disabled-icon{background:#333;cursor:not-allowed}.icon-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-decoration:none;transition:.2s}.naver{background:#03c75a}.insta{background:#e4405f}.blogger{background:#ff5722}.icon-btn:hover{transform:scale(1.1)}.card:hover{transform:translateY(-6px);border-color:#444}.btn{display:inline-block;margin-top:20px;background:#03c75a;padding:10px 16px;border-radius:8px;text-decoration:none;color:#fff}.disabled-btn{background:#111;color:#888;border:1px solid #444;opacity:.7;cursor:not-allowed;position:relative}.disabled-btn:hover{background:#111;border:1px solid #555}.footer{margin-top:80px;border-top:1px solid #222;padding:50px 20px;background:#0b0b0b;color:#aaa}.footer-container{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer h3,.footer h4{color:#fff;margin-bottom:10px}.footer-desc{font-size:14px;line-height:1.6}.footer ul{list-style:none;padding:0;margin:0}.footer ul li{margin-bottom:8px}.footer a{color:#ccc;text-decoration:none}.footer a:hover{color:#fff}.footer-bottom{text-align:center;margin-top:40px;font-size:13px;color:#777}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s ease;z-index:999}.modal.show{opacity:1;visibility:visible}.modal-content{background:#1c1c1c;padding:40px;border-radius:18px;width:620px;max-width:90%;color:#fff;transform:scale(.85) translateY(40px);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease}.modal.show .modal-content{transform:scale(1) translateY(0);opacity:1}.trademark{font-size:12px;color:#666;margin-top:20px;text-align:center}