@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:Poppins,system-ui,Arial,sans-serif;background:#e8ecf0;color:#111;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffffcf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.logo{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:#000;font-weight:500}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#030303;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000000d;transition:transform .2s}.card:hover{transform:translateY(-5px)}.card-weather{background-color:#e0f7fa}.card-joke{background-color:#fff3e0}.card-advice{background-color:#e8f5e9}.card-cat{background-color:#fce4ec}.card-fun{background-color:#f3e5f5}.card-book{background-color:#fff8e1}.card-dog{background-color:#e1f5fe}.card-nasa{background-color:#fbe9e7}.card-anime{background-color:#9dc0f9}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#f5f5f5cc;overflow:hidden;max-height:0;transition:max-height .3s ease}.nav-links.active{max-height:300px}.nav-links a{padding:1rem;text-align:center;color:#111}.nav-links a:hover{color:#e8ecf0;background-color:#060d1b5e}}.logo{font-size:22px;font-weight:600;color:#111}.nav-links{display:flex;gap:25px}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:.25s}.nav-links a:hover{color:#000}.hero{display:flex;justify-content:space-between;align-items:center;padding:4rem 2rem;gap:2rem;margin:30px auto;background:#e8ecf0;box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff;border-radius:20px}.hero-left{flex:1}.hero-right{flex:1;display:flex;justify-content:center;align-items:center}.model-viewer-container{width:100%;height:500px}.hero img{max-width:100%;height:auto}.hero h1{font-size:52px;margin-bottom:10px;color:#111}.hero h2{font-size:22px;color:#555;margin-bottom:20px}.subtitle{font-size:18px;font-weight:500;letter-spacing:1px;color:#555;margin-bottom:15px}.hero p{font-size:16px;color:#666;margin-bottom:30px;line-height:1.8em}.hero-buttons button{margin:0 10px}.btn-primary{padding:12px 28px;background:#e8ecf0;color:#111;border:none;border-radius:12px;cursor:pointer;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;transition:.2s;margin-right:10px}.btn-secondary{padding:12px 28px;background:#e8ecf0;color:#111;border:none;border-radius:12px;cursor:pointer;box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff;transition:.2s}.btn-secondary:active{box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff}section{text-align:center;padding:80px 20px;max-width:900px;margin:50px auto;background:#e8ecf0;border-radius:20px;box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff}section h2{margin-bottom:20px;color:#111}section p{color:#555;line-height:1.8em}.project-grid{display:flex;justify-content:center;gap:25px;margin-top:40px;flex-wrap:wrap}.project-grid a{text-decoration:none}.project-card{padding:25px;width:220px;border-radius:16px;background:#e8ecf0;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;transition:.25s}.project-card:hover{transform:translateY(-6px);box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff}.skills-grid{margin-top:30px}.skills-grid .skill-card{display:inline-block;margin:8px;padding:10px 13px;border-radius:14px;font-size:20px;background:#e8ecf0;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;transition:.25s}.skills-grid .skill-card:hover{transform:scale(1.1);color:#77a0f7;box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff}.cta h2{margin-bottom:30px}.footer{margin-top:120px;padding:40px 20px;text-align:center;border-top:1px solid #eee;color:#555;background:#e8ecf0;box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff;border-radius:16px}.footer-links{margin-top:10px}.footer-links a{margin:0 12px;text-decoration:none;color:#444;transition:.25s}.footer-links a:hover{color:#000}.about-page-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:#e8ecf0;padding:60px 20px}.about-card{max-width:900px;width:100%;background:#e8ecf0;border-radius:24px;padding:50px 40px;box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff;text-align:center}.about-card h1{font-size:42px;color:#111;margin-bottom:10px}.about-card h2{font-size:22px;color:#555;margin-bottom:15px}.subtitle{font-size:18px;color:#555;margin-bottom:30px;letter-spacing:1px}.about-content{display:flex;margin-top:30px}.about-content p{font-size:16px;color:#555;margin-bottom:30px;line-height:1.8em}.personal-details{text-align:left;margin-top:40px;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;padding:20px}.personal-details h2{font-size:20px;margin-bottom:15px;color:#111}.personal-details ul{list-style:none;padding:0}.personal-details li{font-size:16px;margin-bottom:10px;color:#555}.personal-details li strong{color:#111;width:190px;display:inline-block}.timeline{text-align:left;margin-top:40px}.timeline h2{font-size:20px;margin-bottom:20px;color:#111}.timeline-item{margin-bottom:20px;padding-left:10px;border-left:2px solid #c5c9cc;position:relative}.timeline-item:before{content:"";position:absolute;left:-8px;top:4px;width:12px;height:12px;background:#e8ecf0;border-radius:50%;box-shadow:3px 3px 6px #c5c9cc,-3px -3px 6px #fff}.timeline-date{font-weight:600;color:#111}.about-cta{margin-top:40px}.about-cta h2{font-size:20px;color:#111;margin-bottom:20px}.btn-primary{padding:12px 28px;background:#e8ecf0;color:#111;border:none;border-radius:12px;cursor:pointer;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;transition:.2s}.btn-primary:active{box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff}.projects-page-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:#e8ecf0;padding:60px 20px}.project-card{display:flex;flex-direction:column;align-items:center;padding:30px 20px;width:240px;border-radius:20px;background:#e8ecf0;box-shadow:8px 8px 16px #c5c9cc,-8px -8px 16px #fff;transition:.3s;text-align:center}.project-card:hover{transform:translateY(-6px);box-shadow:inset 4px 4px 12px #c5c9cc,inset -4px -4px 12px #fff}.project-card h3{font-size:20px;color:#111;margin-bottom:10px}.project-card p{font-size:14px;color:#555;margin-bottom:20px;line-height:1.6em}.project-icons{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.skill-card{background:#e8ecf0;padding:10px;border-radius:12px;box-shadow:4px 4px 8px #c5c9cc,-4px -4px 8px #fff;transition:.2s;color:#000}.skill-card:hover{box-shadow:inset 2px 2px 6px #c5c9cc,inset -2px -2px 6px #fff}.btn-project{padding:10px 20px;border-radius:12px;background:#e8ecf0;color:#111;text-decoration:none;font-weight:500;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;transition:.2s}.btn-project:hover{box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff;background:#f0f3f6}.contact-form{display:flex;flex-direction:column;gap:20px;margin-top:30px}.contact-page-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:#e8ecf0;padding:60px 20px}.contact-card{max-width:700px;width:100%;background:#e8ecf0;border-radius:24px;padding:50px 40px;box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff;text-align:center}.contact-card h1{font-size:42px;color:#111;margin-bottom:10px}.contact-card .subtitle{font-size:18px;color:#555;margin-bottom:30px;letter-spacing:1px}.contact-info p{font-size:16px;color:#555;margin-bottom:10px}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.social-links a{background:#e8ecf0;padding:12px;border-radius:12px;box-shadow:4px 4px 8px #c5c9cc,-4px -4px 8px #fff;color:#111;font-size:20px;transition:.2s}.social-links a:hover{box-shadow:inset 2px 2px 6px #c5c9cc,inset -2px -2px 6px #fff;background:#f0f3f6}.contact-form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.contact-form input,.contact-form textarea{padding:12px 20px;border-radius:16px;border:none;background:#e8ecf0;box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff;font-size:16px;color:#111;transition:.2s;resize:none}.contact-form input:focus,.contact-form textarea:focus{outline:none;box-shadow:inset 2px 2px 6px #c5c9cc,inset -2px -2px 6px #fff}.btn-primary{padding:12px 28px;border-radius:12px;background:#e8ecf0;color:#111;border:none;cursor:pointer;font-weight:500;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;transition:.2s}.btn-primary:hover{box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff;background:#f0f3f6}.map-container{margin-top:20px;border-radius:20px;overflow:hidden;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff}.service-page{padding:4rem 2rem;background:#e0e5ec;min-height:100vh;color:#333;text-align:center;font-family:Poppins,sans-serif}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:#e0e5ec;border-radius:20px;padding:2rem 1rem;box-shadow:8px 8px 15px #a3b1c6,-8px -8px 15px #fff;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);box-shadow:4px 4px 10px #a3b1c6,-4px -4px 10px #fff}.service-icon{margin-bottom:1rem}.service-card h2{font-size:1.5rem;margin-bottom:1rem}.service-card p{font-size:1rem;line-height:1.6}@media(max-width:768px){.service-page{padding:3rem 1rem}.page-title{font-size:2rem}}.skills-page{padding:4rem 2rem;background:#e0e5ec;min-height:100vh;color:#333;font-family:Poppins,sans-serif;text-align:center}.page-title{font-size:2.5rem;margin-bottom:3rem;font-weight:700}.skills-container{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto}.skill-card{background:#e0e5ec;border-radius:20px;padding:1.5rem 1rem;box-shadow:8px 8px 15px #a3b1c6,-8px -8px 15px #fff;display:flex;justify-content:space-between;align-items:center;transition:transform .3s,box-shadow .3s}.skill-card:hover{transform:translateY(-5px);box-shadow:4px 4px 10px #a3b1c6,-4px -4px 10px #fff}.skill-name{font-weight:600;font-size:1.2rem}.skill-stars{display:flex;gap:.5rem}.star{background:#e0e5ec;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;transition:transform .2s;cursor:pointer}.star:hover{transform:scale(1.1)}.star svg{color:#090909;width:18px;height:18px}@media(max-width:768px){.skills-page{padding:3rem 1rem}.page-title{font-size:2rem}.star{width:30px;height:30px}.star svg{width:16px;height:16px}}.shop-container{min-height:100vh;padding:60px;background:#e8ecf0;text-align:center}.shop-title{font-size:32px;margin-bottom:40px;color:#333}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1100px;margin:auto}.product-card{padding:30px;border-radius:20px;background:#e8ecf0;box-shadow:8px 8px 16px #b8bcc2,-8px -8px 16px #fff;transition:.3s}.product-card:hover{transform:translateY(-5px);box-shadow:12px 12px 24px #b8bcc2,-12px -12px 24px #fff}.product-card h3{margin-bottom:10px}.product-card p{font-size:18px;margin-bottom:20px}.buy-btn{border:none;padding:12px 25px;border-radius:12px;background:#e0e5ec;cursor:pointer;font-weight:700;box-shadow:5px 5px 10px #b8bcc2,-5px -5px 10px #fff;transition:.2s}.buy-btn:active{box-shadow:inset 5px 5px 10px #b8bcc2,inset -5px -5px 10px #fff}.product-image{width:100%;border-radius:15px;margin-bottom:15px;box-shadow:inset 3px 3px 6px #b8bcc2,inset -3px -3px 6px #fff}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#e0e5ec}.login-form{width:320px;padding:40px;border-radius:20px;background:#e0e5ec;box-shadow:10px 10px 20px #b8bcc2,-10px -10px 20px #fff;display:flex;flex-direction:column;gap:15px}.login-form input{padding:12px;border:none;border-radius:12px;background:#e0e5ec;box-shadow:inset 4px 4px 8px #b8bcc2,inset -4px -4px 8px #fff}.login-form button{padding:12px;border:none;border-radius:12px;cursor:pointer;background:#e0e5ec;box-shadow:5px 5px 10px #b8bcc2,-5px -5px 10px #fff}.admin-container{min-height:100vh;padding:50px;background:#e0e5ec}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-header button{border:none;padding:10px 20px;border-radius:12px;cursor:pointer;background:#e0e5ec;box-shadow:5px 5px 10px #b8bcc2,-5px -5px 10px #fff}.admin-product{display:flex;align-items:center;gap:20px;padding:20px;margin-bottom:20px;border-radius:15px;background:#e0e5ec;box-shadow:6px 6px 12px #b8bcc2,-6px -6px 12px #fff}.admin-dashboard{display:flex;min-height:100vh;background:#e0e5ec}.sidebar{width:250px;padding:40px 20px;background:#e0e5ec;box-shadow:8px 8px 20px #b8bcc2,-8px -8px 20px #fff;display:flex;flex-direction:column;gap:20px}.sidebar h2{text-align:center;margin-bottom:30px}.sidebar nav a{display:block;padding:12px 20px;border-radius:12px;margin-bottom:10px;text-decoration:none;color:#333;background:#e0e5ec;box-shadow:5px 5px 10px #b8bcc2,-5px -5px 10px #fff;transition:.2s}.sidebar nav a:hover{transform:translate(5px)}.main-content{flex:1;padding:50px}form{background:#e0e5ec;padding:30px;border-radius:20px;max-width:400px;margin:auto;display:flex;flex-direction:column;gap:20px;box-shadow:10px 10px 20px #b8bcc2,-10px -10px 20px #fff}form input{padding:12px 15px;border-radius:12px;border:none;background:#e0e5ec;font-size:16px;box-shadow:inset 5px 5px 10px #b8bcc2,inset -5px -5px 10px #fff;transition:.2s}form input:focus{outline:none;box-shadow:inset 3px 3px 6px #b8bcc2,inset -3px -3px 6px #fff,0 0 5px #0000001a}form button{padding:12px;border-radius:12px;border:none;background:#e0e5ec;font-weight:700;cursor:pointer;box-shadow:5px 5px 10px #b8bcc2,-5px -5px 10px #fff;transition:.2s}form button:hover{transform:translateY(-2px);box-shadow:7px 7px 14px #b8bcc2,-7px -7px 14px #fff}form button:active{transform:translateY(1px);box-shadow:inset 5px 5px 10px #b8bcc2,inset -5px -5px 10px #fff}form h2{text-align:center;margin-bottom:15px;color:#333}.admin-container{display:flex;background:#e0e5ec;min-height:100vh;padding:20px}.admin-sidebar{width:220px;padding:20px;margin-right:20px}.admin-sidebar nav{display:flex;flex-direction:column;gap:15px}.admin-sidebar a{text-decoration:none;color:#333;padding:10px;border-radius:10px}.admin-main{flex:1}.admin-header{padding:20px;margin-bottom:20px;display:flex;justify-content:space-between}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{padding:20px;text-align:center}.recent-orders{padding:20px}table{width:100%}th,td{padding:10px;text-align:left}.neu-card{background:#e0e5ec;border-radius:15px;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}.admin-products table{width:100%;border-collapse:collapse;padding:20px}.admin-products th,.admin-products td{padding:15px}.btn-add{padding:10px 18px;border-radius:10px;background:#e0e5ec;box-shadow:6px 6px 12px #a3b1c6,-6px -6px 12px #fff}.product-form{max-width:500px;margin:auto;padding:30px;display:flex;flex-direction:column;gap:15px}.product-form input,.product-form textarea{padding:10px;border:none;border-radius:10px;outline:none;background:#e0e5ec;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff}.product-form button{padding:12px;border:none;border-radius:10px;cursor:pointer;background:#e0e5ec;box-shadow:6px 6px 12px #a3b1c6,-6px -6px 12px #fff}.cart-container{padding:20px;min-height:100vh}.cart-table{width:100%;border-collapse:collapse;margin-bottom:20px;border:#0000001a 1px solid}.cart-table th{background:#e0e5ec;color:#333;font-weight:600;box-shadow:4px 4px 8px #b8bcc2,-4px -4px 8px #fff}.cart-table td{background:#e0e5ec;color:#333;box-shadow:inset 4px 4px 8px #b8bcc2,inset -4px -4px 8px #fff}.cart-table th,.cart-table td{padding:10px;text-align:center}.cart-img{width:50px;height:50px;object-fit:cover;margin-right:10px}.cart-summary{display:flex;justify-content:space-between;align-items:center}.floating-cart-btn{position:fixed;bottom:30px;right:30px;background:#e0e0e0;border:none;border-radius:50%;width:60px;height:60px;font-size:24px;cursor:pointer;box-shadow:8px 8px 15px #bebebe,-8px -8px 15px #fff;display:flex;justify-content:center;align-items:center;z-index:1000}.cart-badge{position:absolute;top:5px;right:5px;background:red;color:#fff;font-size:12px;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center}.checkout-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:70vh}.checkout-container .checkout-grid{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}.checkout-form{width:100%;max-width:420px;padding:35px;border-radius:20px;background:#e0e0e0;box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff;display:flex;flex-direction:column;gap:18px}.checkout-form h3{text-align:center;margin-top:10px}.checkout-form input,.checkout-form textarea{padding:12px 14px;border:none;border-radius:12px;font-size:14px;outline:none;background:#e0e0e0;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.checkout-form textarea{min-height:90px;resize:none}.checkout-form button{padding:12px;border:none;border-radius:12px;font-size:15px;cursor:pointer;background:#e0e0e0;box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;transition:.2s ease}.checkout-form button:hover{box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.error{color:red;text-align:center}.receipt-box{width:100%;max-width:420px;margin-bottom:25px;padding:25px;border-radius:15px;background:#e0e0e0;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.receipt-box h3{text-align:center;margin-bottom:20px}.receipt-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.receipt-divider{margin:15px 0;border-bottom:1px dashed #999}.receipt-total{display:flex;justify-content:space-between;font-size:16px}.order-success{max-width:500px;margin:auto;padding:40px;text-align:center}.order-success h2{margin-bottom:10px}.receipt-box{margin-top:20px;padding:25px;border-radius:15px;background:#e0e0e0;box-shadow:inset 5px 5px 10px #bebebe,inset -5px -5px 10px #fff}.admin-orders{max-width:900px;margin:auto;padding:40px}.order-card{padding:25px;margin-bottom:25px;border-radius:15px;background:#e0e0e0;box-shadow:8px 8px 15px #bebebe,-8px -8px 15px #fff}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-date{font-size:13px;color:#666;margin-bottom:10px}.customer-info{margin-bottom:15px}.order-item{display:flex;justify-content:space-between;margin-bottom:5px}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.order-footer select{padding:6px 10px;border-radius:8px}.dashboard-stats{display:flex;gap:20px;margin-bottom:30px}.stat-card{flex:1;padding:20px;text-align:center;border-radius:15px;background:#e0e5ec;box-shadow:8px 8px 15px #b8bcc2,-8px -8px 15px #fff}.filter-select-dropdown{position:relative;display:inline-block;background:#e0e5ec;padding:10px 15px;border-radius:12px;cursor:pointer;box-shadow:5px 5px 10px #b8bcc2,-5px -5px 10px #fff}.status-badge{padding:4px 10px;border-radius:10px;font-size:12px;margin-left:10px;text-transform:capitalize;font-weight:600}.status-badge.pending{background:#ffe082;color:#8a6d00}.status-badge.processing{background:#90caf9;color:#0d47a1}.status-badge.shipped{background:#ce93d8;color:#4a148c}.status-badge.completed{background:#a5d6a7;color:#1b5e20}.pf-chat-root{position:fixed;right:20px;bottom:20px;z-index:9999}.pf-chat-toggle{width:56px;height:56px;border-radius:16px;border:none;cursor:pointer;color:#000;background:#f0eff1fa;box-shadow:8px 8px 15px #bebebe,-8px -8px 15px #fff;font-size:22px}.pf-chat-panel{width:340px;height:520px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);background:#ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 30px #3b82f647,0 20px 60px #00000080}.pf-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#000;border-bottom:1px solid rgba(255,255,255,.08)}.pf-chat-title{font-weight:600}.pf-chat-close{background:transparent;border:none;color:#000;cursor:pointer}.pf-chat-list{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.pf-msg{display:flex}.pf-msg.user{justify-content:flex-end}.pf-msg.bot{justify-content:flex-start}.pf-bubble{max-width:78%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.4}.pf-msg.user .pf-bubble{background:#000;color:#fff}.pf-msg.bot .pf-bubble{background:#ebbe55d1;color:#000}.pf-chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}.pf-chat-input input{flex:1;border:none;outline:none;border-radius:10px;padding:10px;color:#000;background:#ffffff14}.pf-chat-input button{border:none;border-radius:10px;padding:10px 12px;cursor:pointer;color:#000;background:#3b82f6}.pf-chat-list::-webkit-scrollbar{width:6px}.pf-chat-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}.pf-chat-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.about-me{justify-content:center;align-items:flex-start;background:#e8ecf0;padding:60px 20px}.about-me p{max-width:700px;margin:auto;font-size:18px;color:#555;line-height:1.8em}.room-image-container{width:70%;height:auto;border-radius:20px;overflow:hidden;box-shadow:8px 8px 16px #c5c9cc,-8px -8px 16px #fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 20px}.blog-card{width:100%;height:auto;min-width:300px;background:#e8ecf0;border-radius:10px;padding:7px;box-shadow:8px 8px 16px #c5c9cc,-8px -8px 16px #fff}.blog-content{font-size:18px;color:#333;line-height:1.8;padding:24px;max-width:800px;margin:0 auto;font-family:Georgia,Times New Roman,serif}.blog-content h1,.blog-content h2,.blog-content h3{font-weight:700;line-height:1.4;color:#111}.blog-content p{margin-bottom:16px}.blog-content a{color:#2b6cb0;text-decoration:underline}.blog-content img{max-width:100%;border-radius:8px}.blog-content blockquote{border-left:4px solid #ccc;padding-left:16px;color:#666;margin:20px 0;font-style:italic}.blog-section{margin:0 auto}.neo-tag{display:inline-block;padding:6px 12px;border-radius:12px;font-size:14px;margin-right:10px;margin-bottom:10px;background:#e2e1e3;color:#111;box-shadow:inset 2px 2px 6px #c5c9cc,inset -2px -2px 6px #fff}.neo-tag:hover{box-shadow:4px 4px 8px #c5c9cc,-4px -4px 8px #fff;background:#f0f3f6}.blog-actions{display:flex;gap:15px;padding:0 20px;float:right;margin-bottom:10px}.blog-actions .btn-primary{padding:10px 20px;border-radius:12px;background:#e8ecf0;color:#111;border:none;cursor:pointer;font-weight:500;box-shadow:6px 6px 12px #c5c9cc,-6px -6px 12px #fff;transition:.2s;font-size:14px;margin-top:20px}.blog-actions .btn-primary:hover{box-shadow:inset 4px 4px 8px #c5c9cc,inset -4px -4px 8px #fff;background:#f0f3f6}.blog-date{font-size:14px;color:#999;margin-top:10px;margin-bottom:20px}.blog-container{display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:0 20px;margin:10px 50px}.blog-card:hover{transform:translateY(-5px);box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff;background-color:#f0f3f6;cursor:pointer}.blog-card .blog-image{width:100%;height:200px;object-fit:contain;border-radius:20px}.blog-detail{max-width:800px;margin:auto;padding:40px 20px;border-radius:20px;background-color:#f0f3f6}.blog-detail h1{font-size:32px;color:#111;margin-bottom:20px}.blog-detail img{width:100%;height:300px;object-fit:contain;border-radius:20px;margin-bottom:30px}.blog-excerpt{font-size:18px;color:#555;line-height:1.8em;margin-bottom:30px}.blog-card .a{text-decoration:none;color:#111}.paper{background:#fdfbf7;padding:24px;border:1px solid #e8dccb;margin-top:10px;margin-bottom:20px}.back-link{display:inline-block;margin-top:20px;color:#2b6cb0;text-decoration:none}.blog-title{font-size:28px;color:#111;margin-bottom:20px}.profile-container{display:flex;justify-content:center;align-items:center;padding:40px}.profile-card{background:#fff;padding:30px;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0000001a;width:350px}.profile-img{width:120px;height:120px;border-radius:50%;margin-bottom:20px;object-fit:cover}.sm-profile-img{width:50px;height:50px;border-radius:50%;object-fit:cover}.profile-card h2{margin-bottom:10px}.profile-card p{margin:5px 0;color:#555}.profile-card input[type=file]{margin-bottom:15px}.admin-user{display:flex;justify-content:center;align-items:center;height:100%;padding:20px;flex-direction:column}.now-section{padding:4rem 2rem;max-width:800px;margin:50px auto 0}.now-title{font-size:2.5rem;font-weight:700;color:#131313;margin-bottom:1.5rem;text-align:center}.now-list{list-style-type:none;color:#151515;font-size:1.125rem;line-height:1.8;padding:10px}.now-item{margin-bottom:.75rem;transition:color .2s}.now-item:nth-child(2n){padding:.25rem .5rem}.now-item:hover{box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff;border:1px solid #000;color:#3b82f6}.reader-room{padding:4rem 2rem;max-width:1200px;margin:0 auto}.reader-hero{text-align:center;margin-bottom:3rem}.reader-title{font-size:3rem;font-weight:700;color:#090909;margin-bottom:.5rem}.reader-subtitle{font-size:1.25rem;color:#9ca3af}.reader-posts{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.reader-posts{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.reader-posts{grid-template-columns:repeat(3,1fr)}}.reader-card{background-color:#eaebec;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 15px #e9e4e44d;transition:transform .3s,box-shadow .3s;box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff}.reader-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 15px 25px #00000080}.post-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#181717}.post-summary{color:#1c1e22;margin-bottom:1rem;line-height:1.6}.read-more{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.read-more:hover{color:#60a5fa}.edit-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-form-container{background-color:#111827;padding:2rem;border-radius:1rem;width:90%;max-width:500px;color:#fff}.edit-form-container h2{text-align:center;margin-bottom:1rem}.edit-form-container label{margin-top:1rem;display:block}.edit-form-container input,.edit-form-container textarea{width:100%;padding:.5rem 1rem;margin-top:.25rem;border-radius:.5rem;border:none;outline:none;background-color:#1f2937;color:#fff}.edit-form-container textarea{resize:vertical;min-height:80px}.edit-form-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.edit-form-buttons button{padding:.5rem 1rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:600}.edit-form-buttons button:first-child{background-color:#3b82f6;color:#fff}.edit-form-buttons button:first-child:hover{background-color:#60a5fa}.cancel-button{background-color:#ef4444;color:#fff}.cancel-button:hover{background-color:#f87171}.sticker-container{text-align:center;display:flex;justify-content:center;gap:20}.sticker-container .btn-primary{margin-top:40px;width:229px;text-decoration:none;background-color:#6a5acd;color:#fff}.sticker-container .btn-primary:hover{transition:transform .3s,box-shadow .3s;box-shadow:12px 12px 24px #c5c9cc,-12px -12px 24px #fff}.projects-layout{display:flex;gap:30px;margin-top:20px}.left-panel{flex:1;min-width:320px;position:sticky;top:20px;height:fit-content}.right-panel{flex:2}.left-panel canvas{width:100%;height:400px;border-radius:12px}@media(max-width:768px){.projects-layout{flex-direction:column}.left-panel{position:relative}}