.blog-post-card{display:flex;flex-direction:column;background-color:rgba(var(--card-bg-rgb,255,255,255),.05);backdrop-filter:blur(4px);border:1px solid #ddd;border-radius:12px;padding:20px;margin-bottom:24px;list-style:none;box-shadow:0 2px 6px rgba(0,0,0,5%);transition:transform .2s ease,background-color .2s ease}.blog-post-card:hover{background-color:#f1f1f1;transform:translateY(-2px);box-shadow:2px 4px 8px rgba(0,0,0,5%)}.blog-post-content{display:flex;flex-direction:column;gap:8px}.blog-post-date{font-size:.85rem;color:#777}.blog-post-title{font-size:1.8rem;font-weight:600;text-decoration:none}.blog-post-title:hover{text-decoration:underline}.cal-btn{background-color:#0078d4;color:#fff;padding:14px 28px;font-size:18px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.cal-btn:hover{background-color:#005a9e}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}@media only screen and (max-width:600px){.project-list{grid-template-columns:1fr}}.project-card{background-color:#ffffff32;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.15);transform:scale(1.05);transition:all .3s ease}.project-image{width:calc(100% - 32px);margin:8px auto;height:180px;object-fit:cover;border-radius:12px;display:block}.project-card .date{font-size:.875rem;color:#666;margin:4px 8px 0}.project-card .title{font-size:1.1rem;font-weight:700;color:#1a73e8;text-decoration:none;margin:2px 8px 8px;display:inline-block}.project-title{display:block;font-size:1.1rem;font-weight:700;color:#1a73e8;margin:2px 8px 8px;line-height:1.2;word-break:break-word}.project-card .title:hover{text-decoration:underline}.blog-post-category{font-size:12px;font-style:italic}.text-center{text-align:center}.contactform-body{max-width:500px;width:100%;margin-left:auto;margin-right:auto}.contactform-form{background-color:#141414;border-radius:20px;box-sizing:border-box;padding:20px;display:flex;flex-direction:column;width:100%;text-align:center}.contactform-title{color:#eee;font-size:36px;font-weight:600;margin-top:30px;margin-bottom:0}.contactform-subtitle{color:#eee;font-size:16px;font-weight:600;margin-top:10px;margin-bottom:20px}.contactform-input-container{position:relative;width:100%;height:50px;background-color:#141414}.contactform-ic1{margin-top:40px}.contactform-ic2{margin-top:30px}.contactform-input{width:100%;height:100%;padding:4px 20px 0;font-size:18px;color:#eee;background-color:#0078d425;border:none;border-radius:12px;outline:none;box-sizing:border-box}.contactform-cut{position:absolute;top:-20px;left:20px;width:76px;height:20px;background-color:#141414;border-radius:10px;transition:transform 200ms;transform:translateY(0);pointer-events:none}.contactform-cut-short{width:50px}.contactform-input:focus~.contactform-cut,.contactform-input:not(:placeholder-shown)~.contactform-cut{transform:translateY(8px)}.contactform-placeholder{position:absolute;top:20px;left:20px;font-size:14px;line-height:14px;color:#0078d4;pointer-events:none;transition:transform 200ms,color 200ms;transform-origin:0 50%}.contactform-input:focus~.contactform-placeholder,.contactform-input:not(:placeholder-shown)~.contactform-placeholder{transform:translateY(-30px)translateX(10px)scale(.75)}.contactform-input:not(:placeholder-shown)~.contactform-placeholder{color:#808097}.contactform-input:focus~.contactform-placeholder{color:#0078d4}textarea.contactform-input{resize:none;padding-top:10px}.contactform-submit{margin-top:38px;width:100%;height:50px;background-color:#0078d4;color:#eee;font-size:18px;border:none;border-radius:12px;cursor:pointer;box-sizing:border-box;transition:background-color 150ms}.contactform-submit:active{background-color:#06b}.contactform-input:focus{box-shadow:0 0 5px #0078D4}